Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Tabelka z okraglymi rogami
Forum PHP.pl > Forum > Przedszkole
elmozaur
Witajcie.
Temat byl pewnie walkowany wiele razy jednak szukam sposobu na miare obecnej ery.

Mam tabelke przedstawiajaca liste userow ich dane daty itp.
chcialbym aby jedynie gorna krawedz tabelki miala zaokraglone rogi.

robie dla tabelki taki styl:
  1. -webkit-border-radius: 10px 10px 0 0;
  2. -khtml-border-radius: 10px 10px 0 0;
  3. -moz-border-radius: 10px 10px 0 0;
  4. border-radius: 10px 10px 0 0;


i mam piekne okraglosci. teraz chcialbym aby 1 wiersz tabelki (ten naglowkowy z opisem co znajduje sie w danej kolumnie) byl ciemniejszy.
Nadaje wiec 1 wierszowi class="glowa" i w arkuszy stylow dopisuje np

  1. .glowa{
  2. background-color: #0f0;
  3. }


i lipa. Wprawdzie 1 wiersz dostal nowe tlo ale okraglosci zginely...

czy poza technikami ładowania 10000000 niepotrzebnych divow lub transparentnych obrazkow da sie to jakos zrobic ?

pozdrawiam
Grzegorz

erix
Cytat
i mam piekne okraglosci. teraz chcialbym aby 1 wiersz tabelki (ten naglowkowy z opisem co znajduje sie w danej kolumnie) byl ciemniejszy.
Nadaje wiec 1 wierszowi class="glowa" i w arkuszy stylow dopisuje np

Ustaw komórkom pierwszego wiersza. A jeśli masz thead, to dla thead. Strzelam w ciemno, ale powinno działać. wink.gif
!*!
Jeśli tabela ma border-collapse:collapse; to nie ustawisz zaokrągleń dla thead, ani żadnego "pierwszego" elementu w tabeli. A zakładam że tak właśnie masz skoro po dodaniu tła, zaokrąglenia zniknęły. Jedyne wyjście to tabela która nie jest spajana i bawienie się w parzyste i nieparzyste wiersze, aby uzyskać ten sam efekt co callapse, wtedy stylowanie działa bez zarzutu prócz IE8, ale to można załatwić JS.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.