ďťż

[HTML/CSS] Highlighty Podświetlane elementy tabeli

       

Podstrony


telcocafe

Witam.

Chciałbym zrobić tabelkę, której każdy element był podświetlany na dany kolor po najechaniu na niego kursorem myszy (hover).

Dla przykładu : forum serwisu www.budo.net.pl

Za wszystkie odpowiedzi z góry dziekuję.
Użytkownik BoreK edytował ten post 01 wrzesień 2005, 22:29


Proszę
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"><!-- body{background-color: #ffffff;} #tab tr:hover{ background-color: #000000; } --> </style> </head> <body> <table id="tab" border="0"><tr><td>TEKST TEKST</td></tr></table> </body>
Użytkownik reVis edytował ten post 01 wrzesień 2005, 23:13
W sekcjie head:
<STYLE> <!-- * { font-family: Verdana; } .cell_over { BACKGROUND-COLOR: #FCC552 } .cell_out { BACKGROUND-COLOR: #FFFFCC } .cell_over1 { BACKGROUND-COLOR: #C9E4FC } .cell_out1 { BACKGROUND-COLOR: #FFFFCC } --> </STYLE>
I w sekcji body
<table width="300"> <tr onmouseover="this.className='cell_over';" onmouseout="this.className='cell_out';" bgcolor="#FFFFCC"> <td>&nbsp;&nbsp;<a href="http://wp.pl">wirtualna polska</a></td> <td>http://wp.pl</td> </tr> <tr onmouseover="this.className='cell_over1';" onmouseout="this.className='cell_out1';" bgcolor="#FFFFCC"> <td>&nbsp;&nbsp;<a href="http://onet.pl" class="examplelink">onet.pl</a></td> <td>http://onet.pl</td> </tr> </table> </html>

To powinno zadziałać :)

Ej stary a nie możesz stowrzyć w .css podświetlenia linków? Wtedy jeżeli nadasz tą klase linką które w będą w tabeli automatycznie uzyskasz taki efekt podkreślenia. Chyba, że nie patrzyłem się na to co trzeba



Wystarczy pseudoklasa .hover, jest tylko jedno małe ale pewna badzIEwna przeglądarka jej nie obsługuje.

obsługuje, obsługuje.. tylko trzeba to jakoś poprawnie napisać, albo masz Ie 5.0-5.5 :P

A mój sposób:
<html> <head> </head> <script language="javascript">  function onColor(blah)  {  blah.style.backgroundColor='#CDCDCD';  }    function offColor(blah)  {  blah.style.backgroundColor='#FFFFFF';  } </script> <body> <table> <tr><tdonmouseover="onColor(this);" onmouseout="offColor(this)"><a href="index.php" title="Index">Index</a><br></td></tr> </body> </html>
Pozdr

po kiego w js?
// DEFINICJA !DOCYPE <html> <head> // kododwanie || tytuł <style type="text/css"> <!-- .link a:link, a:visited {color: twoj_color; text-decoration: none;} .link a:hover {color: twoj_color; text-decoration: underline;} --> </style> </head> <body> (...) <a href="twoj_adres" class="link">twoj_opis</a> (...) </body> </html>
Użytkownik rzymek01 edytował ten post 02 wrzesień 2005, 16:45

po kiego w js?
(...)

A czemu nie ? ;)
No ja tylko daje propozycje.

Nie mówię, że źle, tylko dziwi mnie to! :D Bo CSS jest bardzo powszechny i prostota jego użytku powinna przekonać ^_^

p:hover
{
background-color: #2ab813;
color: #000000
}

chcesz to zobacz jak to wyglada u mnie . link w sygnaturce

i potem tekst ktory chcesz podswietlic daj w <p> </p>
Użytkownik Kamil edytował ten post 02 wrzesień 2005, 19:16

obsługuje, obsługuje.. tylko trzeba to jakoś poprawnie napisać, albo masz Ie 5.0-5.5 :P

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.