Táblázatszerű lista színezése CSS3-al

Egy munkám során, olyan felületet kell építenem, ami épít a gyorsaságra. Egy részfeladata ennek a következő: Táblázatszerű listát kell megjelenítenem, ebben a táblázatban egyszerre több száz sornyi adat is megjelenhet. Egyszerűen akartam megoldani a problémát, és javascripttől  mentesen. A feladat minden második sor más és más háttérszínnel jelenjen meg, erre vannak jó kis javascriptes css-es megoldások, de én ettől mentesen akartam megoldani a dolgot. Ekkor akadtam a CSS3 Pszeudo Class-aira.   Ezzel, egyszerűen megoldható, hogy melyik sort milyenre akarjuk kidekorálni. A W3c egy aloldalon be is mutatja, hogyan működik és hogyan kell használni. Nagy probléma vele, hogy sok böngésző még nem támogatja, így publikus oldalon ez a megoldás még nem használható ki teljes mértékben. Támogatottság a korábban belinkelt oldalon, nos publikus oldalon maradnak a javascriptes megoldások, mert ez “még túl friss” :). Probléma még, hogy sor és oszlop szinten egyszerre nem lehet alkalmazni. Ezért nagy kár, mert így hover állapottal a táblázatban nem látható, hogy melyik sorban és melyik oszlopban vagyunk éppen.

Advertisements

Vélemény, hozzászólás?

Adatok megadása vagy bejelentkezés valamelyik ikonnal:

WordPress.com Logo

Hozzászólhat a WordPress.com felhasználói fiók használatával. Kilépés / Módosítás )

Twitter kép

Hozzászólhat a Twitter felhasználói fiók használatával. Kilépés / Módosítás )

Facebook kép

Hozzászólhat a Facebook felhasználói fiók használatával. Kilépés / Módosítás )

Google+ kép

Hozzászólhat a Google+ felhasználói fiók használatával. Kilépés / Módosítás )

Kapcsolódás: %s