[CSS] komórki tabeli i line-height Opcje

[Skie]

Witam,
Mam taki problem z tabelami w HTML'u, że przeglądarka opera daje im strasznie dużą wysokość (height: 17px; jest całkowicie olewane)

Kod

             <table cellpadding=0 cellspacing=0 align=center rules=rows class=rows_col>
      
               <tr>
               <td valign=top style="width: 70px;" class=np>{$Lang[7]}</p></td>
               <td valign=top style="width: 160px;" class=np align=right><b>test1</b></td>
               </tr>
               <tr>
               <td valign=top style="width: 70px;" class=p>{$Lang[8]}</p></td>
               <td valign=top style="width: 160px;" class=p align=right><b>test2</b></td>
               </tr>
  
                   itd....
  
               </table>

Plik CSS wygląda tak:

Kod

td.p {
       background-color: #000;
       padding: 2px;
       height: 17px;
       font-size: 11px;
       color: #fff;
   }
  
   td.np {
       background-color: #333;
       padding: 2px;
       height: 17px;
       font-size: 11px;
       color: #fff;
   }
  
   table.rows_col {
       color: #696969;
   }

Na FF ładnie wygląda:

(IMG:http://erathia.no-ip.org/~view/problem3.jpg)

A na Operze niewiadomo skąd taka wyskość się bierze:

(IMG:http://erathia.no-ip.org/~view/problem4.jpg)

-----------------------------------

Komórki tabeli wyglądają identycznie dopiero po ustawiniu: line-height: 0px; - ale to się mija z celem, a jak ustawię jakąkolwiek inną wartość niż 0 to tabele znów zaczynają się rozjeżdżać ;/


Pomoże ktoś?


EDIT:

Temat do zamknięcia - napisałem kod HTML tabeli od nowa i wszystko ładnie działa teraz (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Wygląda na to, że coś nie tak z valign=top było.

Ten post edytował Skie 7.08.2008, 17:38:33

[JoShiMa]

Nie tak:

[HTML] pobierz, plaintext 
<table cellpadding=0 cellspacing=0 align=center rules=rows class=rows_col>
[HTML] pobierz, plaintext 

tylko tak (być może brak " powoduje dziwne zachowanie w operze):

[HTML] pobierz, plaintext 
<table cellpadding="0" cellspacing="0" align="center" rules="rows" class="rows_col">
[HTML] pobierz, plaintext 

a najlepiej to rak (skoro i tak używasz stylów):

[HTML] pobierz, plaintext 
<table class="rows_col">
    <tr class"np"><td></td><th></th></tr>
    <tr class"p"><td></td><th></th></tr>
    ...
[HTML] pobierz, plaintext 

plus style:

[HTML] pobierz, plaintext 
table.rows_col {
    color: #696969;
    border-collapse:collapse;
    empty-cells: show;
}
 
table.rows_col tr,th{
 	border-bottom: #ffffff solid 1px;
	border-top: #ffffff solid 1px;
       padding: 2px;
       height: 17px;
       font-size: 11px;
       color: #fff;
 
}
 
table.rows_col tr.np{
  	background-color: #333;
}
 
table.rows_col tr.p{
  	background-color: #000;
}
 
table.rows_col th{
       font-weight: bold;
}
[HTML] pobierz, plaintext