Hola Elena:
On Wed, 17 May 2006 12:50:42 +0200, Elena Salas wrote
> No..., mira, te pego el código abajo. Lo único que he cambiado ha
> sido el color y el tamaño del selector y he añadido un <div> con el
id="content".
> Lo que pones en el selector #content p a, prevalece sobre la clase
> que le has puesto al <a>, aunque ésta sea más profunda. No sé si me explico...
Si, te has explicado perfectamente :)
Muchas gracias por haberte molestado en probar el código y enviarlo por
correo. La solución que planteas es la que actualmente tengo implementada pero
resulta que existen enlaces con la clase "download" en distintos elementos
como por ejemplo "p", "table", etc...
Para poder hacer uso de la clase "download" tendría que definirla "debajo" de
cada elemento ("p", "table tr td", etc....):
#content p a
#content table.m2 td a
#content ul li a
etc...
un saludo
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> <html xmlns="http://www.w3.org/1999/xhtml";>
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-
> 1" /> <title>Test</title> <style type="text/css"> <!--
> a.download:link, .download:visited { font-family: Arial,
> Verdana, Helvetica, sans-serif; font-size: 1.0em; text-
> decoration: underline; color: #666666; background-image:
> url(../icons/download.gif); background-position: right center;
> background-repeat: no-repeat; padding-right: 18px; }
>
> a.download:hover, a.download:focus {
> font-family: Arial, Verdana, Helvetica, sans-serif;
> font-size: 1.0em;
> text-decoration: none;
> color: #666666;
> background-image: url(../icons/download.gif);
> background-position: right center;
> background-repeat: no-repeat;
> padding-right: 18px;
> }
>
> #content p a, #content p a:link, #content p a:visited {
> font-family: Arial, Verdana, Helvetica, sans-serif;
> font-size: 3.0em;
> text-decoration: underline;
> color: #ff0000;
> background-image: url(../icons/arrow15.gif);
> background-position: right center;
> background-repeat: no-repeat;
> padding-right: 18px;
> }
>
> #content p a:hover {
> font-family:Arial, Verdana, Helvetica, sans-serif;
> font-size: 1em;
> text-decoration: none;
> color: #000000;
> background-image: url(../icons/arrow15.gif);
> background-position: right center;
> background-repeat: no-repeat;
> padding-right: 18px;
> }
> -->
> </style>
> </head>
>
> <body>
> <a href="#" title="" class="download">documento</a>
> <div id="content">
> <p><a href="#" title="" class="download">documento</a></p>
> </div>
> </body>
> </html>
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente
> dirección: http://ovillo.org/mailman/listinfo/ovillo
--
Manuel J. Recena Soto
* www.manuelrecena.com
* [EMAIL PROTECTED]
* +34 609710280 (ES)
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
