Forum PHP.pl > [css/js] :hover dla wiersza tabeli i fixed dla nagłówka

Pomoc - Szukaj - Użytkownicy - Kalendarz

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

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

m.mix

12.08.2009, 17:01:26

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

12.08.2009, 17:05:34

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.

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.