Hover Cella
- Creatore Discussione CyBBaH
- Data di inizio
Effetto Hover su cella con i CSS
Ciao ho letto del tuo problema e spero di riuscire ad aiutarti.
Devi definire una particolare classe alla cella (immagino che utilizzi le tabelle....)
Un po' di codice
<html lang="it">
<head>
<title>Esempio hover con css</title>
<style>
.effetto a {
text-decoration: none;
display: block;
width: 100%;
height: 100%;
background-color: #eee;
color: #000;}
.effetto a:hover {
background-color: #000;
color: #fff; }
</style>
</head>
<body>
<table width="100%" height="100%">
<tr><td class="effetto"><a href="http://demo.iport.it" target="_blank" alt="Iport - Online CSS Designer" title="Iport - Online CSS Designer">Passa ai DIV e CSS</a></td></tr>
</table>
</body>
</html>
Ultima cosa prima di chiudere, invece delle tabelle, utilizza i DIV con i CSS, sicuramente all'inizio farai un po' di fatica, ma ti assicuro che ne vale la pena.
Ciao e fammi sapere se ti sono stato di aiuto.
Ciao ho letto del tuo problema e spero di riuscire ad aiutarti.
Devi definire una particolare classe alla cella (immagino che utilizzi le tabelle....)
Un po' di codice
<html lang="it">
<head>
<title>Esempio hover con css</title>
<style>
.effetto a {
text-decoration: none;
display: block;
width: 100%;
height: 100%;
background-color: #eee;
color: #000;}
.effetto a:hover {
background-color: #000;
color: #fff; }
</style>
</head>
<body>
<table width="100%" height="100%">
<tr><td class="effetto"><a href="http://demo.iport.it" target="_blank" alt="Iport - Online CSS Designer" title="Iport - Online CSS Designer">Passa ai DIV e CSS</a></td></tr>
</table>
</body>
</html>
Ultima cosa prima di chiudere, invece delle tabelle, utilizza i DIV con i CSS, sicuramente all'inizio farai un po' di fatica, ma ti assicuro che ne vale la pena.
Ciao e fammi sapere se ti sono stato di aiuto.
Ultima modifica:
Discussioni simili
