Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] Poprawne umiejscowienie diva
Forum PHP.pl > Forum > Przedszkole
Lethys
Witam,

Posiadam kilka divów:

  1. <div style=\"width:100px; height:100px;\"><div class=\"ui-state-highlight ui-corner-all\" style=\"margin-top: 10px; padding: 0 .7em;\"><font size=\"6\"><center>1233</center></font><center>akcje<center><div class=\"ui-state-highlight-bezramki ui-corner-all\" style=\"padding: 0 .7em; margin-top: 10px; margin-left: -9px; margin-right: -9px;\"><center>2h 34min</center></div></div></div><h2><strong>BIEGANIE</strong></h2><p>$pokaz[opis]</p>


Mój problem polega na tym że kod bezposrednio za divem
  1. <h2><strong>BIEGANIE</strong></h2>
nie pojawia sie obok divów tylko pod nimi, mimo że jest mnostwo miejsca obok.

Jak moge zrobic kolejnego diva i tam wkleic ten kod tak aby byl obok tych divow a nie pod nimi ?
mortus
Mógłby pomóc atrybut float z wartością left (float: left;). Przykład:
[HTML] index.html - pobierz, plaintext
  1. <div style="margin: 0 auto; width: 900px; height: 200px; background-color: #ccc;">
  2. <div style="width: 200px; height: 200px; background-color: #999; float: left;"></div>
  3. <div style="width: 200px; height: 200px; background-color: #666; float: left;"></div>
  4. <div style="width: 500px; height: 200px; background-color: #333; float: left;"></div>
  5. <div style="clear: both;"></div>
  6. </div>
[HTML] index.html - pobierz, plaintext

Jednak div-y muszą mieć wtedy ustaloną szerokość (width).
Sprawdź również atrybut display z wartością inline-block (display: inline-block;).
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.