Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]Problem z DIVem
Forum PHP.pl > Forum > Przedszkole
QoooQ
witam mam taki problem potrzebuje aby 2 DIV został wyśrodkowany.

  1. <div>
  2. echo '<div class="a">
  3. <center><img src="lalka.jpg" alt="" border="0" width="50" height="50"></center>
  4. <font class="tresc_zadania">tekst</font>
  5. <font>tekst</font>
  6. <font>tekst</font>
  7. <font>tekst</font>
  8. <font>tekst -></font>
  9. <font>tekst</font>
  10. <font>tekst</font>
  11. </div>'
  12. </div>


css.

div.a
{
float: left;
text-align: left;
text-decoration: none;
color: gold;
font-size: 13px;
font-weight: bold;
width: 165px;
height: 190px;
border: 2px solid gold;
background-color: black;
padding-top: 20px;
padding-left: 22px;
color: white;
margin-right: 10px;
margin-bottom: 10px;
}

udało mi się dojść do tego że float: left; powoduje że DIV nie jest na środku.. a problem w tym że chce takie same 3 DIVy wyświetlić więc to musi być.. dodatkowo chciałbym aby w tym DIVie img był wyśrodkowany , za pomoca CSS nie udało mi sie go wyśrodkowac więc został zmuszony użyć center (wolał bym to ominąć)
prosił bym o pomoc i z góry dziękuje
sunpietro
po pierwsze: Używaj poprawnego kodu HTML!!! Nie używamy <center>, nie używamy <font>, ani żadnych takich podobnych staroci.
po drugie, rozumiem że ten div nadrzędny będzie miał zmienną wielkość? Dla diva podrzędnego daj margin: auto, to powinno ci ładnie wyśrodkować. Poza tym, możesz nadać divowi nadrzędnemu position: relative, a podrzędnemu position: absolute i się bawić atrybutami left, top
QoooQ
że center nie używam to ja wiem dlatego chciałbym ten problem wyeliminować a na tą chwile tylko center mi pomogło. ale że font to nie wiedziałem.. czy mogę font zastąpić oprócz span ?

a co do divów nie rozumiem..

chciałbym w 1 dużym DIVie umieścić 6 mneijszych.. każdy z tych mniejszych DIVów ma stałą wysokość , szerokośc.
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.