Ciao!
Come devo fare perché il colore in background del roll over, sia della stessa dimensione della cella contenente il testo link e non più corto, come nel codice sottostante?
Grazie 1000!!!
------------------------------
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.bordotab {
font-family: Geneva, Arial, Helvetica, sans-serif; /* Definisce il font */
font-size: 10px; /* Dimensione del font */
color: #CC9966; /* Colore del font */
background-color: #FFFFFF; /* Colore di sfondo della tabella */
border-top-width: 1px; /* Qui definiamo il bordo esterno della tabella */
border-bottom-width: 1px; /* Il bordo destro e quello interno */
border-left-width: 1px; /* saranno quelli delle celle */
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CC9966;
border-bottom-color: #CC9966;
border-left-color: #CC9966;
}
.classetd {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CC9966;
background-color: #FFFFFF;
border-right-width: 1px; /* Come si può notare, per le celle definiamo solo il bordo destro */
border-right-style: solid;
border-right-color: #CC9966;
}
.classetd a {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CC9966; /* Questo è il colore del link */
display: block; /* Fondamentale! Da impostare sempre */
position: relative; /* Fondamentale! Da impostare sempre */
text-decoration: none; /* Eliminiamo la sottolineatura del link */
}
.classetd a:hover {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF; /* Cambiamo il colore del link al passaggio del mouse */
background-color: #CC9966; /* Cambiamo il colore di sfondo al passaggio del mouse */
text-decoration: none;
}
-->
</style>
</head>
<body topmargin="0">
<div align="center">
<table width="750" border="0" cellpadding="0" cellspacing="0" style="border-top: 4px solid #CC9966; border-bottom: 4px solid #CC9966; border-left: 1px solid #CC9966; border-right: 1px solid #CC9966">
<tr>
<td width="748" height="16" valign="top"><table width="748" border="0" cellpadding="1" cellspacing="0" class="bordotab">
<tr>
<td width="100" height="14" valign="top" class="classetd"><center>
<a href="index.htm">
HOME</a> </center></td>
<td width="100" valign="top" class="classetd"><center>
<a href="azienda.htm">
L'AZIENDA</a> </center></td>
<td width="100" valign="top" class="classetd"><center>
DOVE SIAMO
</center></td>
<td width="100" valign="top" class="classetd"><center>
PRODOTTI
</center></td>
<td width="100" valign="top" class="classetd"><center>
NEWS </center></td>
<td width="100" valign="top" class="classetd"><center>
CONTATTACI
</center></td>
</tr>
</table></td>
</tr>
<tr>
<td height="476"></td>
</tr>
</table>
</div>
</body>
</html>
Rispondi quotando
