[CSS]Podświetlanie - Forum PHP.pl

[CSS]Podświetlanie

Skr3czu Zobacz profil	31.08.2007, 13:01:47 Post #1
Grupa: Zarejestrowani Postów: 215 Pomógł: 0 Dołączył: 12.03.2007 Ostrzeżenie: (0%)	Witam Jak wykonać podświetlanie tak jak na tej stronie po lewej stronie: http://www.freelayouts.com/ Pozdrawiam

Odpowiedzi

drPayton Zobacz profil	31.08.2007, 13:43:24 Post #2
Grupa: Zarejestrowani Postów: 890 Pomógł: 65 Dołączył: 13.11.2005 Skąd: Olsztyn Ostrzeżenie: (0%)	[HTML] pobierz, plaintext <?xml version="1.0" encoding="iso-8859-2"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl"> <head> <title> [tytuł strony] </title> <style type="text/css"> td#c1 { background:green; border:1px solid lightgreen; width:300px; height:50px; } td#c1:hover { background:white; } td#c2 { background:red; border:1px solid pink; width:300px; height:50px; } td#c2:hover { background:white; } td#c3 { background:blue; border:1px solid lightblue; width:300px; height:50px; } td#c3:hover { background:white; } </style> </head> <body> <table> <tr><td id="c1">content 1</td></tr> <tr><td id="c2">content 1</td></tr> <tr><td id="c3">content 1</td></tr> </table> </body> </html> [HTML] pobierz, plaintext Działa pod FF, Operą, IE7. Pod IE6 chyba nie, o ile pamiętam nie obsługuje własności hover dla elementów innych niż linki. Wtedy trzeba JS'em zadziałać. np: [HTML] pobierz, plaintext var agt = navigator.userAgent.toLowerCase(); var is_major = parseInt(navigator.appVersion); var is_minor = parseFloat(navigator.appVersion); var is_ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1)); var is_ie6 = (is_ie && (is_major == 4) && (agt.indexOf("msie 6.")!=-1) ); document.getElementById("c1").onmouseover=function() { if (is_ie6) { document.getElementById("c1").className = "hover"; } } document.getElementById("c1").onmouseout=function() { if (is_ie6) { document.getElementById("c1").className = ""; } } [HTML] pobierz, plaintext a w css dopisać: [HTML] pobierz, plaintext (...) .hover { background:white; } (...) [HTML] pobierz, plaintext Pisane z głowy, więc mogą być jakieś błędy. Ten post edytował drPayton 31.08.2007, 14:00:18