Pierwsza komorka nastepnego wiersza Opcje

[redman2]

Mam taka tabele. Za pomoca CSS chcialbym aby pierwsza komorka nastepnego wiersza miala padding-top: 20px.

[HTML] pobierz, plaintext 
<table width="66%" cellpadding="0" cellspacing="0">
    <tr>
      <td colspan="5" class="firstrow"><p>Table 1: Clinical indicators for for asthma</p></td>
    </tr>
    <tr>
      <td width="15%"><b>Indicator no.</b></td>
    </tr>
    </table>
[HTML] pobierz, plaintext 

Probuje to zrobic w taki sposob:

[HTML] pobierz, plaintext 
tr td.firstrow + tr td {
	padding-top: 20px  
}
[HTML] pobierz, plaintext 

Jednak to nie dziala. Dlaczego ?

[gekon]

A widzisz gdzieś obok 'td.firstrow' 'tr'? Nie? Dlatego nie działa. "+" to selektor następnika, czyli może wybierać następnego sąsiada - żadne 'tr' nie jest sąsiadem dla 'td'. Poza tym 'tr' to "table row". Więc powinno być:

[HTML] pobierz, plaintext 
tr.firstrow + tr td {
padding-top: 20px
}
 
<table width="66%" cellpadding="0" cellspacing="0">
<tr class="firstrow">
<td colspan="5"><p>Table 1: Clinical indicators for for asthma</p></td>
</tr>
<tr>
<td width="15%"><b>Indicator no.</b></td>
</tr>
</table>
[HTML] pobierz, plaintext 

Tyle o teorii, w IE i tak nie będzie działać. Ale możesz to zrobić poprawnie budując tabelę - zainteresuj się elementami caption, thead, th

Ten post edytował gekon 23.07.2007, 22:18:02