sfondo cella link

**webhome** · 27-11-2003, 18:27

Ciao raga qualcuno saprebbe ricordarmi come cambio lo sfondo dell'intera cella al passagio su un link.
Ho gia inserito questo passaggio ma cambia solo lo sfondo del testo.

class="testopulsantiout" onMouseOver="this.className='testopulsantiover'" onMouseOut="this.className='testopulsantiout'"

Grazie

**Federix** · 27-11-2003, 18:30

Se lo modifichi opportunamente puoi anche farlo con questo CSS
http://pro.html.it/lista_articoli.as...t_8/pag_3&ab=0

**piero06** · 27-11-2003, 18:31

ciao !

ecco un esempio ( by herrel ) :

codice:

<html> 
<head> 
<title>Menu con rollover bordi</title> 
<style> 
table { 
border: 1px solid black;} 
td { 
height:25px; 
border: 1px solid white; 
font-family: verdana; 
font-size:10px; 
background:white;} 
td a:link { 
position:relative; 
display:block; 
font-size:10px; 
color: #061998; 
text-decoration: none;} 
td a:hover { 
position:relative; 
font-size:10px; 
color: #4ebafa; 
text-decoration: none;} 
td a:visited { 
font-size:10px; 
color: #4ebafa; 
text-decoration: none;} 
.due { 
border: 1px solid black; 
background:#b1f3e4;} 

</style> 

</head> 

<body> 
<table width=150 height=70 border=0> 
<tr><td style="background:#d0cece;"><center>:: menù ::<center> </td></tr> 
<tr> 
<td onMouseOver="this.className='due'" onMouseOut="this.className=''"> 
<center>home page<center> </td></tr> 
<tr> 
<td onMouseOver="this.className='due'" onMouseOut="this.className=''"> 
<center>news<center> </td></tr> 
<tr> 
<td onMouseOver="this.className='due'" onMouseOut="this.className=''"> 
<center>info<center> </td></tr> 
<tr> 
<td onMouseOver="this.className='due'" onMouseOut="this.className=''"> 
<center>portfolio<center> </td></tr></table> 
</body> 
</html>

hola

**webhome** · 27-11-2003, 18:38

Federix grazie per avermi risposto ma come lo modifico il mio "script"?

**piero06** · 27-11-2003, 18:42

così:

codice:

... class="tuaclasse" onMouseOver="this.className='prima_classe'" onMouseOut="this.className='seconda classe'....

ciao!

**webhome** · 27-11-2003, 18:45

Scusa ed io prima cosa ho scritto !
Facendo così cambia solo lo sfondo del testo ma non di tutta la cella.

**Federix** · 27-11-2003, 18:47

Originariamente inviato da webhome
Federix grazie per avermi risposto ma come lo modifico il mio "script"?

Al posto di background-color: #009988;, puoi mettere background-image: url(image.gif);, nella classe della cella con a:hove

**piero06** · 27-11-2003, 18:50

Originariamente inviato da webhome
Scusa ed io prima cosa ho scritto !
Facendo così cambia solo lo sfondo del testo ma non di tutta la cella.

Cambia sia lo sofondo della cella che il testo... prova lo script sopra e vedrai

**webhome** · 27-11-2003, 18:50

Sarebbe una soluzione, però io una volta sono riuscito a farlo solo con i fogli di stile.
Ciao.

**piero06** · 27-11-2003, 18:51

Originariamente inviato da Federix
Al posto di background-color: #009988;, puoi mettere background-image: url(image.gif);, nella classe della cella con a:hove

Ma così cambi lo sfondo con un'immagine, lui vuole solo lo sofno colorato credo !

Discussione: sfondo cella link

Strumenti discussione

Ricerca discussione

Visualizza

sfondo cella link

Permessi di invio