Vorrei al passaggio del mouse su un link si generasse un effetto bottone su tutta la cella che lo contiene, praticamente come i menu di windows (file modifica ecc.) ma senza poi aprire il menu a tendina...
la mia difficoltà è applicare l'effetto a tutta la dimensione della cella e non solo al testo linkato,
potete aiutarmi?
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>
Grazie mille,
tutto ok tranne una cosa, passando sopra la cella ho l'effetto bottone ma non ho il link fino a che non passo sul testo,
nel tuo esmpio invece tutta la cella diventa il link
Permessi di invio
Rispondi quotando