[css/js] :hover dla wiersza tabeli i fixed dla nagłówka

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

[css/js] :hover dla wiersza tabeli i fixed dla nagłówka

m.mix Zobacz profil	12.08.2009, 17:01:26 Post #1
Grupa: Zarejestrowani Postów: 17 Pomógł: 0 Dołączył: 21.11.2007 Ostrzeżenie: (0%)	Witam, może najpierw przykład: [HTML] pobierz, plaintext <html> <head> <style type="text/css"> tr:hover { background-color:#FFFF01; } #naglowek {position:fixed;} </style> </head> <body> <table> <tr id=naglowek><th>1</th><th>2</th><th>3</th><th>4</th></tr> <tr><td>aaaaaaaaaaaaaaaa</td><td>bbbbbbbbbbbbbbbbbbbbbbb</td><td>cccccccccccccccc</td><td>dddddddddddddddddddddd</td></tr> <tr onmouseover='this.style.backgroundColor="red"' onmouseout='this.style.backgroundColor=""'><td>aaaaaaaaaaaaaaaa</td><td>bbbbbbbbbbbbbbbbbbbbbbb</td><td>cccccccccccccccc</td><td>dddddddddddddddddddddd</td></tr> <tr><td>aaaaaaaaaaaaaaaa</td><td>bbbbbbbbbbbbbbbbbbbbbbb</td><td>cccccccccccccccc</td><td>dddddddddddddddddddddd</td></tr> <tr><td>aaaaaaaaaaaaaaaa</td><td>bbbbbbbbbbbbbbbbbbbbbbb</td><td>cccccccccccccccc</td><td>dddddddddddddddddddddd</td></tr> </table> </body> </html> [HTML] pobierz, plaintext Zamierzeniem było zbudowanie tabelki w której podświetla się wiersz pod myszką a w przypadku długiej tabeli nagłówek przy przewijaniu pozostanie na miejscu. Problem 1 - IE nie rozumie :hover dla wiersza tabeli i trzeba robić takie potworki jak w drugim wierszu. Jest jakiś prostszy sposób żeby IE go interpretował? Problem 2 - wiersz nagłówkowy powinien przy przewijaniu strony pozostawać na miejscu, ale niestety FF "zwija" go do lewej strony (gubi szerokość komórek i przesuwa je do lewej), a IE co prawda nie "zwija" wiersza ale również nie pozostawia go na ekranie przy przewijaniu. Jakieś pomysły dlaczego?

Crozin Zobacz profil	12.08.2009, 17:05:34 Post #2
Grupa: Zarejestrowani Postów: 6 476 Pomógł: 1306 Dołączył: 6.08.2006 Skąd: Kraków Ostrzeżenie: (0%)	1) IE6 nie rozumie :hover dla elementów innych niż A. Rozwiązanie: skorzystanie z "IE8.js" lub jeżeli tylko chodzi o tego hovera to "whatever:hover" (to frazy do wpisania w Google oczywiście). To najprostsze metody. 2) Nie mam teraz możliwości przetestowania na czymś innym niż Opera/ff, więc samemu zrobić nie mogę, ale na pewno w Google pod "fixed table heading css" coś będzie.

« Następny starszy · CSS · Następny nowszy »

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

Aktualny czas: 23.08.2025 - 16:03

Hosting zapewnia