¿Cómo asigno enlace a celda?

josemari · #1 (**permalink**) 27/07/2003, 11:36

Tengo los menús en las cajitas de la izquierda que veis aquí y me gustaría que en todos los enlaces de dentro, en vez de subrayar sólo cuando paso el ratón por el texto, subraye cuando pase el ratón por la celda. Además que al pasar el ratón por la celda, no sólo subraye, si no que cambie de color el fondo de la celda a blanco. Y si fuera posible que además alineara a la derecha el texto que se subrayaría al hacer mouse out .

A lo mejor e s mucho código y no quiero ralentizar más la página, pero el cambio de color del fondo de la celda, no creo que fuera demasiado, pues lo veo en muchas otras.

Salu2

mifune · #2 (**permalink**) 27/07/2003, 20:04

Hola Josemari.

Estaba con un pie en la cama así que no me extiendo mucho. De momento sólo te pongo lo de cambiar el color de las celdas. Para lo otro tendría que rebuscar y ahora mismo no estoy por la labor

Podría ser algo así:

<td bgColor="#336600" onmouseover="this.style.backgroundColor='#FFCC00'; " onmouseout="this.style.backgroundColor='#336600';" >

A ver si algún otro compañero te ayuda con lo otro y sino mañana me lo miro.

Bona Nit

mifune · #3 (**permalink**) 28/07/2003, 08:15

Buenos días o mejor buenas tardes

.

Me lo he estado mirando con otros ojos y efectivamente puedes hacerlo todo con CSS. Aquí te pongo un ejemplo a ver si es esto lo que estás buscando:

<html>
<head>
<style>
A.color:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
font-weight: bold;
text-decoration: none;
height: 22px;
width: 140px;
background-color: #FF9900;
}
A.color:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
font-weight: bold;
text-decoration: none;
height: 22px;
width: 140px;
background-color: #FF9900;
}
A.color:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#9933CC;
font-weight: bold;
text-decoration: none;
height: 22px;
width: 140px;
background-color: #FFCC99;
}
A.color:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#9933CC;
font-weight: bold;
text-decoration: none;
height: 22px;
width: 140px;
background-color: #FFCC99;

}
</style>
</head>
<body>
<table width="140" border="0" cellspacing="0" cellpadding="0" bgcolor="#FF9900">
<tr>
<td width="140" height="22" valign="top"><a href="#" class="color">link 1</a></td>
</tr>
<tr>
<td height="22" valign="top"><a href="#" class="color">link 2</a></td>
</tr>
<tr>
<td height="22" valign="top"><a href="#" class="color">link 3</a></td>
</tr>
<tr>
<td height="22" valign="top"><a href="#" class="color">link 4</a></td>
</tr>
<tr>
<td height="22" valign="top"><a href="#" class="color">link 5</a></td>
</tr>
</table>
</body>
</html>

Si no es esto o hay algo que no te queda claro, coméntamelo.

Saludos.

josemari · #4 (**permalink**) 29/07/2003, 13:45

Mifune muchas gracias por tus ayudas. No te he respondido antes porque quería hacerlo cuando lo consiguiera, y viendo que se resiste de momento sólo te respondo para decirte que ando en ello. Cuando lo consiga pasaré de nuevo por aquí.
Saludos.

mifune · #5 (**permalink**) 29/07/2003, 16:51

OK, si tienes alguna duda.....

josemari · #6 (**permalink**) 30/07/2003, 00:46

Bueno... es que... ya hay estilos aplicados a esos enlaces, ahora tengo que mezclar los que me das con los que tengo. Me resulta un poquillo lioso la parte de cabecera, pues en los estilos que tengo no tienen el aspecto de los que me facilitas... Los hice con DreamWeaver y es por eso. De todas formas lo seguiré intentando. Gracias.

mifune · #7 (**permalink**) 30/07/2003, 08:18

Sí, disculpa. No puse exactamente todo lo que querías porque pensé que igual te interesaba toquetearlo por tu cuenta o que ya tendrías los estilos creados y sólo querías orientación. Si como dices tienes el DW ya verás como lo sacas es sólo custión de ir probando.

Un Saludo.