wysokość komórki

[webbb]

Witam wszystkich

Tworzę swoją pierwszą stronę www i mam pewien probelm. Chciałbym kontrolować wysokość komórek w tabelce, dlatego też uzyłem dopowiedzniego kodu, wygląda on tak:

Kod: Zaznacz cały

<table border="1">                           
 <tr>
                <td width="225" height="40">
                     <p align="center">Adventures Down Under</p>
                </td>
                <td width="225" height="40">
                     <p align="center">-</p>
                </td>
        </tr>
   </table>

Chciałbym jednak, żeby wysokość komórki była równa 40px, a nie ok. 60 jak to wychodzi w przeglądarce Mozilla Firefox. Nie wiem czemu, ale mniejszej niż 60px wysokości zrobić się nie da, a przy kilku komórkach w kolumnie strasznie rozciąga to stronę A w IE, spkojnie wychodzi 40px...
Prosze o jakąś radę, ewentualnie pokazać mi błąd jaki popełniłem w kodzie...

[Grzegorz]

Nie masz przypadkiem zadeklarowanych jakiś styli w CSS dla <P>?

[webbb]

Nie, wszystko mam w samym HTML, bez CSS.

[JBG]

Zapomniałeś między innymi o atrybutach:

Kod: Zaznacz cały

cellpadding
cellspacing

Sprawdzałem, sama komórka miała wysokość 40px, ale dochodziła wysokość szerokości krawędzi komórek oraz odległość akapitu od krawędzi komórki oraz obramowanie.

Poczytaj o Box Model tutaj lub tutaj

[webbb]

Problem w tym, że nawet gdy wpiszę

Kod: Zaznacz cały

cellpadding=”0” cellspacing=”0

to marginesy będą takie samo, bo domyślnie nie ma marginesów w komórce, mogę je tylko zwiększyć, a to na razie mi niepotrzebne

Może ja robię coś źle, jeśli ktoś mógłby dopisać mi tą linijkę kodu do mojego wcześniejszego posta z kodem tabelki, żeby te marginesy były jak najmniejsze, byłbym wdzięczny.

[rumsztyk]

Usuń marginesy i wcięcia dla p,
nie deklarując ich pozostawiasz je domyślne.
Domyślne oznacza inne w każdej przeglądarce .
Nie klep elementów wyglądu strony w (x)html,
poczytaj linki powyżej.
Zastosuj styl - jak nie chcesz pliku zewnętrznego do w head wklep

Kod: Zaznacz cały

<style type="text/css">
table {border: 1px;}
p {margin: 0;
padding: 0;
text-align: center;}
</style>

[mrmm]

Wyrzuc atrybut <p> bo takto nidgy sie z tym nie uprorasz w mozilli

[Tomek]

bzdura - bez problemu można to usunąć - chociażby tak jak podał rumsztyk.
ps - a tak w ogóle to tabelki powinno się w ogóle wywalić

[webbb]

Wywaliłem <p> i działa
A tabelki mi są potrzebne, bo to będzie taka lista i bez tabel brzydko by to wyglądało :p

[Tomek]

do list służy ul - li - można tak dosłownie dowolnie ostylować.

[webbb]

Tak, ale mimo wszystko w tabelce to lepiej wygląda. Nie wszystko dobrze wygląda w punktach itp.

[Tomek]

i tak cię nie przekonam - przecież listę możesz sobie dowolnie ostylować - bez ŻADNYCH ograniczeń.