Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html] DIV - inline - width nie działa
Forum PHP.pl > Forum > Przedszkole
Tomek58
Nie wiem dlaczego przy moim DIVie nie da się określić szerokości danej komórki. Oto fragment kodu:

styl.css
Cytat
div.menu1 {
display: inline;
height: 300px; }


index.php
Cytat
echo '<CENTER>
<BR>
<DIV>
<DIV CLASS="linia">
<DIV CLASS="logo">Test</DIV>
<DIV CLASS="menu1">Test</DIV>
<DIV CLASS="menu2">Test</DIV>
</DIV>
</DIV>
</CENTER>';


Szerokość chociaż jest określona w stylu, to nadal dopasowuje się do szerokości tekstu, jest mniejsza niż szerokość określona w CSS.

Tutaj zmiana szerokości działa:
Cytat
div.logo {
width: 700px; }
antstd
Jesli stosujesz inline, pozbywasz sie mozliwosci zmiany wymiarow za pomoca width i height. Wiec wyswietla Ci tak jak wyswietlac powinno.
Hazel
Kod
display: block


Zamiast inline - wtedy możesz dopasować width i height, przy inline to nie jest możliwe

edyta: no tak, dokładnie.
nevt
napisałeś
Cytat
Nie wiem dlaczego przy moim DIVie nie da się określić szerokości danej komórki. Oto fragment kodu:

div.menu1 {
display: inline;
height: 300px; }


według mojego słownika j. angielskiego to szerokość jest WIDTH a nie HEIGHT...

a tak na poważnie: width i height nie mają zastosowania dla display:inline
ale jeżeli jednak chodzi ci o wysokość - to nie tak prosto, bo argument height jest ignorowany dla elementów wyświetlanych inline... można to częściowo obejść ustawiając argument line-height:300px; ale jest to ułomne rozwiązanie (zapomnij o wyświetleniu kilku linijek tekstu - każda będzie miała 300px...)
możesz też w środek tego diva inline włozżć drugiego diva (normalnego) i jemu ustawić wymiary, powinno zachować się jak obrazek...
Tomek58
Tak, pomyliłem się, chodzi mi o WIDTH - szerokość. Chcę, aby te dwie komórki były obok siebie, a gdy dam BLOCK, to wtedy pojawia się jedna pod drugą.
qrees
to dodaj do nich float: left; 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.