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 ?

[ArniPL]

A tak nie można?

Kod

tr + tr td {
    padding-top: 20px
}

Ten post edytował ArniPL 17.07.2007, 14:44:01

[redman2]

Nie, a to dlatego, ze wtedy bedzie dodawal mi padding-top do kazdej komorki (oprocz pierwszej) a ja chce tylko do pierwszej natepujace po moim "naglowku" (.firstrow).

[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

[redman2]

Pomyslales, ze nie chce stylu na calym wierszu, tylko na poszczegolnej komorce?
A jezeli za ta komorka bede chcial miec inna komorke, z innym stylem? Co wtedy?

Podalem przyklad, do ktorego potrzebuje rozwiazania i nie prosze o zmiane kodu.

Poza tym, nie chce budowac tabeli, ze wszystkich mozliwych elementow, "jakie fabryka dala", bo jest to w tym przypadku niepotrzebne. I dzieki za naswietlenie, ze <tr> to "table row". Fajnie miec doradcow.

Na przyszlosc: nie wymadrzaj sie, tylko udzielaj odpowiedzi, jezeli potrafisz.

Dzieki

Ten post edytował redman2 24.07.2007, 16:08:46

[abc667]

Udzielać odpowiedzi nie gadać nie potrzebnie, za to nam płacą

redman2 teoretycznie można to zrobić tak

[HTML] pobierz, plaintext 
tr:first-child + tr td:first-child { //style }
[HTML] pobierz, plaintext 

oczywiście jeśli tr.firstrow nie bedzie pierwszym wierszem tabeli lub jeśli nie chcesz się odnieść do pierwszej komórki w następnym wierszu i to wszystko bez nadawania klas komórkom to w css2 nie widzę rozwiązania (css3 chyba by bało rade wykombinować)

oczywiście powyższy przykład nie zadziała pod badziewiem

[gekon]

Przecież kod, który podałem robi dokładnie to o co pytasz (w przeglądarkach, które obsługują ten selektor): zmienia styl komórki w następnym wierszu po 'firstrow'. Zmiana kodu ma sens ponieważ jeżeli użyłbyś 'caption' czy 'thead' nie trzeba by stosować selektora następnika więc działałoby wszystko w IE. Przepraszam, że chciałem pomóc.

[redman2]

I dziekuje Ci bardzo, ze chciales pomoc. Trzeba to bylo zrobic, tak jak w Twoim ostatnim poscie. A nie pouczajac, bo tego naprawde nikt nie lubi.

Mniejsza o to.

Nie moge tez uzyc dodatkowych elementow tablicy, bo tych tabel sa ogromne ilosci, co najmniej po trzy dla kazdego artykulu, a artykulow - setki. Musialbym zmieniac kazda z nich osobna.

Ok, nie mialem jeszcze okazji potestowac tego (MAC + Win). Jezeli beda dzialac Wasze porady, zglosze sie.

Dzieki wszystkim za pomoc