Prośba O Tabele W Html I Css

[mateuszC93]

Witam.

Potrzebna mi tabelka w hlmt i css.

Oto ona :

 

Powinna być na cały ekran i dopasowywać się do rozdzielczości i żeby nie było obramowania na zewnątrz i wewnątrz.

 

Największy problem dla mnie to jak zrobić zeby akapity się zawijały a nie poszeżały komórki

 

Jak ktoś się nudzi i ma pojęcie to bardzo proszę o taką tabele.

 

Z góry dziękuję

[PelzaK]

nie rozumiem w czym problem.. jesli każesz pierwszej kolumnie mieć 198px to będzie tyle miała, pod warunkiem, że nie znajduje się w niej obiekt, który ma więcej pxów szerokości - np obrazek albo bardzo_długi_wyraz_np_taki_jak_ten.

 

Nie ma czegoś takiego jak 100% - 185px.... Procenty odnoszą sie do szerokości elementu nadrzędnego, w twoim przypadku elementem nadrzędnym prawej kolumny jest tabelka... <table>

 

kod mógłby wyglądać np tak

<table class="tabelka"><tr> <td class="col1"> Lewy górny róg</td> <td> prawy górny róg</td></tr><tr> <td> Lewy dolny róg</td> <td> prawy dolny róg</td></tr></table>

i do tego odpowiedni css:

.tabelka {   width: 100%;	/*nadajesz tabelce 100% wartosci nadrzednej czyli body = szerokosc ekranu */}.tabelka .col1 {	width: 198px;   /* pierwsza kolumna bedzie miała taką szerokosc*/	height: 185px;   /* pierwszy wiersz bedzie miał taką wysokosc*/}

i wuala. Nadając szerokość pierwszej kolumnie nadajesz od razu serokosc wszystkim nizszym wierszom w tej kolumnie, podobnie z wysokością pierwszego wiersza, jeśli ustalisz ze pierwsza komórka ma wysokość 185px to i prawa tez tyle bedzie miała, bo tabelka jest wyrównana.

 

Jeśli cała tabela ma 2 kolumny... i ustalisz rozmiar tlyko np lewej, na 198px to druga kolumna sama wyrówna się do tego co ty nazwałeś 100% - 198px, Jesli bedziesz resajzował okno, to bedzie sie resajzować tabelka a z nią tylko ta kolumna która nie ma na sztywno określonego rozmiaru. Inaczej mówiąc jeśli nie zdefiniujesz jaką szerokośc ma prawa kolumna to ma styl= width: auto;

Edytowane 4 Marca 2007 przez PelzaK

[mateuszC93]

Dzięki za pomoc, zaraz wypróbuje