Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Element blokowy i liniowy
Largo
post
Post #1





Grupa: Zarejestrowani
Postów: 203
Pomógł: 6
Dołączył: 11.09.2005

Ostrzeżenie: (0%)
-----


Witam,

Muszę połączyć dane elementy w ten sposób, aby ich końcowy efekt wyglądał tak - (IMG:http://img138.imageshack.us/img138/609/dodajfoto3b.jpg)

W czym leży rzecz? Opis i ikona anulacji to elementy liniowe ( span ), a ProgressBar to element blokowy ( div ). Jak to wykonać, aby to wyglądało jak na fotkach? Kod CSS:

  1. .uploadifyQueueItem .cancel {
  2. float: right;
  3. }
  4. .uploadifyProgress {
  5. background-color: #FFFFFF;
  6. border-top: 1px solid #808080;
  7. border-left: 1px solid #808080;
  8. border-right: 1px solid #C5C5C5;
  9. border-bottom: 1px solid #C5C5C5;
  10. margin-top: 10px;
  11. /*width: 100%;*/
  12. }
  13. .uploadifyProgressBar {
  14. background-color: #0099FF;
  15. width: 1px;
  16. height: 3px;
  17. }



Kod JS ( on generuje ten kod HTML ):

[JAVASCRIPT] pobierz, plaintext
  1. jQuery(queue).append('<div id="' + jQuery(this).attr('id') + ID + '" class="uploadifyQueueItem">\
  2. <div class="cancel">\
  3. <a href="java script:jQuery(\'#' + jQuery(this).attr('id') + '\').uploadifyCancel(\'' + ID + '\')"><img src="' + settings.cancelImg + '" border="0" /></a>\
  4. </div>\
  5. <div class="uploadifyProgress">\
  6. <span class="fileName">' + fileName + ' (' + byteSize + suffix + ')</span>\
  7. <span id="' + jQuery(this).attr('id') + ID + 'ProgressBar" class="uploadifyProgressBar"><!--Progress Bar--></span>\
  8. <span class="percentage"></span>\
  9. </div>\
  10. </div>');
[JAVASCRIPT] pobierz, plaintext


Liczę na Waszą pomoc.
Go to the top of the page
+Quote Post
thek
post
Post #2





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D




A zmiana wartości display dla tego div nie wchodzi w grę? (IMG:style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 11:49