09/07/2004, 03:48
| ||||
| ||||
 Resaltar td Wenas: Pretendo conseguir, con CSS, el efecto típico en el q una td de una table cambia de color cuando situas encima el ratón. En mi caso, dentro de la td hay un link (<a href...>). ¿Se puede hacer solamente con estilos, sin usar javascript?. Salu2 y gracias.
__________________ No es sabio el que sabe sino el que no sabe y quiere aprender |
|
09/07/2004, 04:27
| ||||
| ||||
| Hola, fjmasero. Puedes poner la tabla así: <td class="celda"><a href="pagina.html">Enlace</a></td> Y los estilos de esta forma: <style type="text/css"> .celda a {display:block; background-color:green} .celda a:hover {background-color:red} </style> Espero que te sirva. Saludos,  |
|
09/07/2004, 04:39
| ||||
| ||||
| Hola JavierB: Gracias por responder. Bueno, con tu código lo q se resalta es el link, pero no la td donde está, q es lo q pretendo. Salu2
__________________ No es sabio el que sabe sino el que no sabe y quiere aprender |
|
12/07/2004, 02:30
| ||||
| ||||
| ¿Perdón PascalC ... q se consigue con un width y height al 100%? Mirad, con este código como ejemplo
Código:
solo se consigue q sea el link el q cambie de color, y lo q pretendo es q sea la celda la q cambie. Añadiendo width y height al 100% como sugiere PascalC tampoco se consigue.<html>
<head>
<title>Untitled</title>
<style type="text/css">
.celda{padding: 15px 15px 15px 15px;}
.celda a {display:block; background-color:green;}
.celda a:hover {background-color:red;}
</style>
</head>
<body>
<table cellspacing="0" cellpadding="0" border="1">
<tr>
<td>celda 1</td>
<td class="celda"><a href="sss">celda 2</a></td>
</tr>
<tr>
<td>celda 3</td>
<td>celda 4</td>
</tr>
</table>
</body>
</html>
Salu2
__________________ No es sabio el que sabe sino el que no sabe y quiere aprender Última edición por fjmasero; 12/07/2004 a las 02:36 |
|
12/07/2004, 04:15
| ||||
| ||||
| PascalC, lo necesito según el diseño de la página, ya q se trata de la típica barra con enlaces, y deben estar separados. Bueno, realmente con los padding left y right vale, pero ... Salu2
__________________ No es sabio el que sabe sino el que no sabe y quiere aprender Última edición por fjmasero; 12/07/2004 a las 04:18 |
|
12/07/2004, 04:38
| |||
| |||
| Creo que necesitas comprender como funcionan los margenes  Si pones margenes internos (padding) al TD, el enlace no se puede extender para llenar todo el td (width:100%; height:100%), así que aquí no debes poner el padding sobre el TD sino sobre el enlace. Otras cosas -no es necesario repetir 4 veces el 15px, una vez basta si todos los lados tienen el mismo margen - usar tablas para posicionar elementos es una mala costumbre
__________________ Plaza Mozilla http://www.chevrel.org/es/noticias/ |
|
12/07/2004, 06:54
| ||||
| ||||
| Gracias por tus consejos PascalC. Si no pongo el margen interno, padding, ¿como consigo q el texto esté separado del border de la celda?. Lo de las 4 veces, es verdad, no me dí cuenta. Sobre lo de no usar tablas para posicionar elementos, ¿como es recomendable?. Gracias.
__________________ No es sabio el que sabe sino el que no sabe y quiere aprender |
|
12/07/2004, 07:24
| |||
| |||
| "Si no pongo el margen interno, padding, ¿como consigo q el texto esté separado del border de la celda?." Poniendo este padding de 15px sobre el enlace, como lo dijé antes. "Sobre lo de no usar tablas para posicionar elementos, ¿como es recomendable?" El HTML declara una estructura, las tablas sirven para mostrar datos "tabulares", como por ejemplo cifras, un calendario o datos extraidos de una base de datos. Las tablas no se deben para colocar elementos, eso es el papel de la pareja div/css. Mira el codigo fuente de esas webs para ver como se hace un menu sin tablas: http://www.betanews.com/ http://www.adaptivepath.com/ http://www.onetruefit.com/
__________________ Plaza Mozilla http://www.chevrel.org/es/noticias/ |
|
13/07/2004, 00:39
| ||||
| ||||
| Pues muchas gracias PascalC. Lo he probado y en IE funciona maravillosamente, pero en NS, solo "resalta" el link, y no el 100%, salvo q esté haciendo algo mal. Salu2
__________________ No es sabio el que sabe sino el que no sabe y quiere aprender Última edición por fjmasero; 13/07/2004 a las 01:50 |
|
20/08/2008, 14:37
| |||
| |||
| Respuesta: Resaltar td Hola, tengo un td dentro de tengo una imagen, un título y un resumen de la pagina a la que enlazar. Cómo logro el mismo efecto pero con varios elementos? La imagen es como un bullet a la izquierda y el texto a la derecha. Slds FS |
