Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Jakiś dziwny DIV
Forum PHP.pl > Forum > Przedszkole
in5ane
Witam, mam problem otóż nie chciałem na stronie http://dancepiotrkow.pl pod tą ramką INFO dać jeszcze treść, no i jakoś nie działa mi ani <br /> ani margin-bottom do tej ramki (w sumie to DIVy) ani margin-top dla tego tekstu pod INFO. Proszę o pomoc.

Oto kod html:
  1. <div class="tresc">TRESC JAKAS, NEWS tongue.gif</div>
  2. <br /><br />
  3. <div class="info-lewa"></div>
  4. <div class="info-prawa">
  5. <div class="info-prawa-bloki"><strong>Nowe wątki na forum</strong><br />
  6. <span class="info-prawa-bloki-span">
  7. LEWA
  8. </span>
  9. </div>
  10. <div class="info-prawa-bloki"><strong>Losowe artykuły</strong><br />
  11. <span class="info-prawa-bloki-span">
  12. SRODEK
  13. </span>
  14. </div>
  15. <div class="info-prawa-bloki"><strong>Nowi użytkownicy</strong><br />
  16. <span class="info-prawa-bloki-span">
  17. PRAWA
  18. </span>
  19. </div>
  20. </div>
  21. <br /><br />
  22. <div style="clear: both;"> <!-- POZNIEJ WYWLEKE TO SOBIE DO CSS -->
  23. TRESC POD INFO!
  24. </div>


Oto kod CSS:
  1. .tresc {
  2. clear: both;
  3. text-align: justify;
  4. }
  5.  
  6. .info-lewa {
  7. float: left;
  8. width: 60px;
  9. height: 125px;
  10. background: url(images/info.jpg) no-repeat;
  11. }
  12.  
  13. .info-prawa {
  14. width: 510px;
  15. height: 1px;
  16. margin-left: 60px;
  17. padding-top: 20px;
  18. border-bottom: 1px dashed #c0c0c0;
  19. }
  20.  
  21. .info-prawa-bloki {
  22. float: left;
  23. width: 159px;
  24. height: 90px;
  25. margin-top: 5px;
  26. padding: 2px 5px 5px 5px;
  27. text-align: center;
  28. border-left: 1px dashed #c0c0c0;
  29. }
  30.  
  31. .info-prawa-bloki-span {
  32. text-align: left;
  33. margin-top: 5px;
  34. }


Oczywiście każdy może sobie podejrzeć jeszcze kod na stronie, ale odpowiadający za to podałem tutaj. Z góry dziękuję za pomoc ;-)


@edit: Chodzi o to, żeby działało na każdej przeglądarce (FF2, FF3, Opera, IE7), na IE6 może ale nie musi, ta przeglądarką będę się na koniec zajmował.
nospor
Cytat
no i jakoś nie działa mi ani <br />

w tresci co tam podales nie ma zadnego <br />, wiec trudno by dzialal winksmiley.jpg

Jak ja tam wstawiam <br /> to dziala piknie
in5ane
To to <br />, nie może być przed danym DIVem?

@edit:
No jak jest w DIVie to PIKNIE tongue.gif
JoShiMa
Jeśli ci chodzi o to:
  1. <div class="tresc">TRESC JAKAS, NEWS tongue.gif</div>
  2. <br /><br />
  3. <div class="info-lewa"></div>

To <br> Ci nie odcunie tego diva w dół bo on jest float tongue.gif

A w ogóle co to za maniera używać do tego celu <br>. Do tego służy margin. Chyba powinieneś się jeszcze trochę pouczyć.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.