Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Równomierne rozłożenie elementow w znaczniku <div>
Forum PHP.pl > Forum > Przedszkole
kukix
Witam.

W jaki sposób mozna zrobić, aby rozłożyć równomiernie elementy <H3> w znaczniku <DIV> ?

  1. <div>
  2. <h3>element 1</h3>
  3. <h3>element 2</h3>
  4. <h3>element 3</h3>
  5. <h3>element 4</h3>
  6. <h3>element 5</h3>
  7. <h3>element 6</h3>
  8. </div>


  1. div {
  2. width: 600px;
  3. }
  4.  
  5. h3 {
  6. float: left;
  7. }


Problem w tym, że wszystkie znaczniki <H3> zbijają się do kupy i nie idzie ich rozłożyć rónomiernie na całej powierzchni... próbowalem dawać margin:auto; i nic.

Ma ktoś może pomysł jak rozwiązać ten problem?
Może dołożyć jakiś inny znacznik np <span> ? sciana.gif

Bede bardzo wdzięczny za pomoc
Kostek.88
A może coś w tym stylu?

Kod
div {
   width: 600px;
   text-align: center;
}

h3 {
   float: left;
   marign-left: 20px;
   marign-right: 20px;
}
kukix
Cytat(Kaloryfer @ 9.05.2008, 12:46:28 ) *
A może coś w tym stylu?
Kod
   marign-left: 20px;
   marign-right: 20px;


było by ok, ale lista znaczników <h3> generowana jest dynamicznie.. i czasami jest 11 a czasami 7 pozycji.. i problem w tym, że wtedy te marginesy niezdadzą egzaminu..
Pilsener
perfectionorvanity.com/2006/04/19/wszystko-co-chcesz-wiedziec-o-centrowaniu-w-css/
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.