MozillaPL.org - polskie centrum Mozilli

autor: **Gość** » 05 września 2005, 07:06

Mam taki kod:

Kod: Zaznacz cały: <table> <tr> <td width="100">1 komórka</td> <td width="300">2 komórka</td> <td width="100">3 komórka</td> </tr> </table>

Mam taką tabelkę, i jeśli wstawiam coś do jednej komórki automatycznie rozjeżdża mi sie cała tabelka w dół.
Jak uzyskać taki sam efekt używając div'y i style?

autor: **riddle** » 05 września 2005, 12:33

Kod: Zaznacz cały: <div id="container"> <div style="width: 100px">1 komórka</div> <div style="width: 300px">2 komórka</div> <div style="width: 100px">3 komórka</div> </div>

CSS:

Kod: Zaznacz cały: #container { width: 500px } #container div { float: left; }

autor: **Gość** » 05 września 2005, 15:14

ale taki kod nie spowoduje że mi będzie wdół sie rozciągać

autor: **JBG** » 05 września 2005, 15:41

Anonymous pisze:ale taki kod nie spowoduje że mi będzie wdół sie rozciągać

Czy to jest pytanie?
Czy to jest stwierdzenie?

Jeżeli mam się domyslać, wystarczy min-height - o którym powiedział riddle w innym temacie.

autor: **Gość** » 05 września 2005, 17:00

Nie wiem czy się rozumiemy.
W jedną komórkę tabelki ładuje bardzo dużo tekstu. Automatycznie dwie pozostałe komórki rozciągają mi się też w dół na taką samą długość co komórka z tekstem.
I taki sam efekt chciałbym uzyskać za pomącą div, jednak z powyższych postów nie mogętego zrobić

autor: **Reinmar** » 05 września 2005, 17:18

Niestety taki efekt jaki uzyskuje się za pomocą tabeli, jest niemożliwy pod wszystkimi przeglądarkami (niech żyje IE).

Jedyne chyba co możesz zrobić, to za pomocą obrazka tła dla #container imitować obramowania poszczególnych kolumn z tekstem.

I jest jeszcze sposób z display:table, ale tak jak mówiłem - nie działa pod IE.

Jeśli się myle, to mnie poprawcie

autor: **Gość** » 05 września 2005, 17:36

niech żyje IE

patrząc na przeglądarkę z jakiej korzystasz rozumiem że to tylko taki żart :lol:

autor: **Reinmar** » 05 września 2005, 18:06

Tak - IE nie obsługuje display:table | table-cell | table-row.

No i tysiąc innych rzeczy;]

autor: **Terefere** » 24 marca 2007, 20:02

Dzięki za info.

autor: **Arta** » 23 lipca 2007, 11:19

riddle pisze:
Kod: Zaznacz cały
<div id="container"> <div style="width: 100px">1 komórka</div> <div style="width: 300px">2 komórka</div> <div style="width: 100px">3 komórka</div> </div>

CSS:
Kod: Zaznacz cały
#container { width: 500px } #container div { float: left; }

Wracjąc do tego kodu...
Otóż kiedy stosuję "width" w divie wogóle nie otwiera mi się ona w Mozilli

Zaś w IE jest OK, ale mi zależy żeby to działało w każdej przeglądarce...
Pokaże Wam strone, otwórzcie sobie ją w Firefox i IE (w Firefox tekst się rozdjeżdża na bok, takjakby wogóle nie widział tej funkcji width

)

strona -http://www.bernese.in5.pl/index_pl.php?id=historia
BARDZO PROSZE O POMOC!!!

autor: **Tomek** » 23 lipca 2007, 11:26

http://validator.w3.org/check?verbose=1 ... 3Dhistoria - masz niepodomykane znaczniki. To raz. Dwa - masz znaczniki blokowe umieszczone w liniowych (np <font><p/></font>). masz full błędów w kodzie... nie mówiąc już o błędach logicznych (menu na divach)
Musisz poprawić błędy - stronka powinna ładnie wtedy "wskoczyć" w swojej miejsce.

autor: **dexter** » 23 lipca 2007, 11:28

Zrobiłaś "width=200px"

Powinno być "width:200px".

autor: **hidee** » 24 lipca 2007, 08:25

Chyba wiem o co chodziło z tym rozciąganiem:

Kod: Zaznacz cały: <div id="container"> <div style="width: 100px">1 komórka</div> <div style="width: 300px">2 komórka</div> <div style="width: 100px">3 komórka</div> <div style="clear: both;"></div> </div>

teraz, gdy zostanie podłożone tło pod container, obejmie wszystkie warstwy wewnątrz. Bez przedostatniej linijki są czasami problemy z tym, poza tym kolejne warstwy mogą zacząć przylegać do div'a z napisem 2 komórka lub 1 komórka, gdy div 3 komórka będzie miał długość mniejszą od pozostałych.

autor: **Gość** » 24 lipca 2007, 10:12

tomasiek pisze:http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.bernese.in5.pl%2Findex_pl.php%3Fid%3Dhistoria - masz niepodomykane znaczniki. To raz. Dwa - masz znaczniki blokowe umieszczone w liniowych (np <font><p/></font>). masz full błędów w kodzie... nie mówiąc już o błędach logicznych (menu na divach)
Musisz poprawić błędy - stronka powinna ładnie wtedy "wskoczyć" w swojej miejsce.

Nie zbyt to pocieszające. ale w takim razie cud że wogóle strona działa

Sorki ale jestem początkująca w tej "branży". O jakie błędy logiczne Ci chodzi?

dexter pisze:Zrobiłaś "width=200px"

Powinno być "width:200px".

Dzięki Dexter teraz jest OK :lol:

autor: **Tomek** » 24 lipca 2007, 10:24

no np. menu na divach - do tego wykorzystuje się listę (ul li)
brak doctype, kilka razy osadzony styl wewnętrzny, stosowanie klasy * - jednoliterowa... i to jeszcze od znaku specjalnego rozpoczęta... style blokowe w stylach liniowych (<font><p></p></font>) no i najgorsze - prosty layout a wszystko oparte na position:absolute

autor: **Gość** » 24 lipca 2007, 11:22

tomasiek pisze:no np. menu na divach - do tego wykorzystuje się listę (ul li)
brak doctype, kilka razy osadzony styl wewnętrzny, stosowanie klasy * - jednoliterowa... i to jeszcze od znaku specjalnego rozpoczęta... style blokowe w stylach liniowych (<font><p></p></font>) no i najgorsze - prosty layout a wszystko oparte na position:absolute

Cóż... Wszystko jest zrobione na Webmajstrze

W takim razie czy coś się będzie pitolić na stronie z tego powodu? Co to jest postion absolute?

autor: **Tomek** » 24 lipca 2007, 11:27

no jak widzisz - pitoli się na stronie

Z powodu np. <font><p></p></font> mogą się dziać różne dziwne rzeczy (tak samo jak z powodu każdego błędu)
Position:absolute - czyli absolutne spozycjonowanie elementu

masz to w kodzi, praktycznie przy każdym elemencie blokowym. Owszem - z jednej strony dość fajne - ale jakakolwiek zmiana - może sypnąć cały lay....
Webmajster? A co to takiego

Zainteresuj się np. nvu no i oczywiście (niestety) jakimś kursem html i css

autor: **Arta** » 24 lipca 2007, 11:46

tomasiek pisze:no jak widzisz - pitoli się na stronie Z powodu np. <font><p></p></font> mogą się dziać różne dziwne rzeczy (tak samo jak z powodu każdego błędu)
Position:absolute - czyli absolutne spozycjonowanie elementu masz to w kodzi, praktycznie przy każdym elemencie blokowym. Owszem - z jednej strony dość fajne - ale jakakolwiek zmiana - może sypnąć cały lay....
Webmajster? A co to takiego Zainteresuj się np. nvu no i oczywiście (niestety) jakimś kursem html i css

Webmajster? Takie gówienko na republice :lol:

Jak czytam Wasze posty to co raz bardziej zaczym rozumieć... że nic nie rozumiem

Tj. nie wiele jeszcze wiem. Kurs HTML czytałam na kurshrml.boo.pl dość długo, zanim zabrałam się za skonstruowanie prostej strony, ale co do łba wleci to drugą stroną wyleci i często do niego wracam... Nie potrzebne mi nic wygórowanego, chce tylko żeby www chodziło jak należy.

Mam polikwidować wszystkie <font> i <p> ? Co to jest lay? :lol:

Coś czuje, że z tam tej strony nic nie będzie, ale mam nadzieję, że jakoś dotrzyma :roll:

No ale może dasz jakąś przyszłościową radę... 8)

Pozdrawiam

autor: **Tomek** » 24 lipca 2007, 11:58

to nie chodzi o polikwidowanie tego - tylko stosowanie ich zgodnie z ich przeznaczeniem - o tym właśnie masz w kursie na kurshtml.boo.pl (element liniowy nie może zawierać blokowego)
Lay? layout - czyli wygląd (układ) strony
Przyszłościowa rada? No niestety - bez czytania się nie da... ale spróbuj NVU www.nvu.pl - daje o niebo lepszy kod niż to co Webmajster.

autor: **dexter** » 24 lipca 2007, 13:39

tomasiek pisze:<font><p></p></font>

To jeszcze nie jest najgorsze, tam masz

Kod: Zaznacz cały: <font><font><p> [...] </font></font></p>

A więc elementy są przemieszane, a powinny być jedne wewnątrz drugich.

Najlepiej skasuj wszystkie <font>. Nie powinno się tego używać.

MozillaPL.org - polskie centrum Mozilli

Główne menu:

[css] div zamiast tabelki

[css] div zamiast tabelki

:-)

Kto jest online

Nawigacja:

Stopka: