Hola a todos-as,

2007/1/16, Pixelperu <[EMAIL PROTECTED]>:
> La web que estás empezando a hacer no muestra hoja de estilos alguna, por lo
> que tendrías que adjuntar tu hoja de estilos.

El estilo en lugar de definirlo en una hoja de estilo José decidió
incorporarlo en el head con las etiqueta <style></style>. Esta forma
es poco recomendable por que para cambios generales en todo el sitio
hay que cambiarlos pagina por pagina en lugar de cambiar una única
hoja de estilos que afecte a la estructura global del sitio.

José:
Si se puede hacer lo que dices, no se si se puede hacer con tablas, yo
echo un ejemplo con listas.
  De todas formas te recomiendo que no utilices las tablas para
maquetar, ya que su función es la de presentar datos tabulares.

Te adjunto un ejemplo solo tienes que maquetarlo un poco. Espero haber
respondido a lo que preguntabas.

  La forma se hace incluyendo una etiqueta <span></span> dentro de la
etiqueta de enlace<a></a> quedando:
  <a>Texto<span>+texto (o lo que sea)</span></a>
  y luego dar la apariencia que quiera con
 a:hover span{Características que quieras que se vean en con pasas por
encima del enlace; }
De esta forma, un poco de paciencia se pueden hacer verguearías con css

<html>
<head>
<style>
a {color: #008000; text-decoration:none;}
a span{color:#ddd; text-align:right; }
a:hover span {background-color:#ff6600; color: #fff;}
ol {list-style-type:none;}
</style>
</head>

<body bgcolor="#9595FF">
<ol>
        <li><a href="#">Inicio <span> Inicio </span></a></li>
        <li><a href="#">Productos <span> Productos </span></a></li>
        <li><a href="#">Servicios <span> Servicios </span></a></li>
        <li><a href="#">Empresa <span> Empresa </span></a></li>         
        <li><a href="#">Inicio <span> Inicio </span></a></li>
</ol>
</body>

</html>



> Saludos
>
> ----
> Miguel Flores Franco
> Pixelperú - Arte, Diseño, Web y Teletrabajo http://www.pixelperu.net
> Web personal . http://www.floresfranco.com
> Telf.: (1) 567 7475 . Cel. (1) 9257 9050 MSN:[EMAIL PROTECTED]
>
> ----- Original Message -----
> From: "Jose" <[EMAIL PROTECTED]>
> To: <ovillo@lists.ovillo.org>
> Sent: Tuesday, January 16, 2007 5:15 AM
> Subject: [Ovillo] Cambiar color de fuente en otro div con hover
>
>
> ¡¡¡Hola a [EMAIL PROTECTED]
>
> Estoy empezando a hacer la web de un amigo y necesito ayuda. Tengo el
> siguiente código...
> ------------------------------------------------------------------------
> <html>
>
> <head>
>
> <style>
> a {color: #008000; text-decoration:none;}
> a:hover {color: #ffffff;}
> </style>
>
> </head>
>
> <body bgcolor="#9595FF">
>
> <div style="font-color:#ffffff; position: absolute; left: 150; top: 2;">
> <table border="0">
>     <tr>
>         <td>
>             <dt><font face="Book Antiqua" style="font-size: 14pt">
>         INICIO<br>
>         PRODUCTOS<br>
>         SERVICIOS<br>
>         EMPRESA<br>
>         CONTACTO</font></dt>
>         </tr>
> </table>
> </div>
>
> <div style="position: absolute; left: 0; top: 0;">
> <table border="0">
>     <tr>
>         <td><font face="Book Antiqua" style="font-size: 14pt">
>         <a href="01-inicio.htm">INICIO</a><br>
>         <a href="02-productos.htm">PRODUCTOS</a><br>
>         <a href="03-servicios.htm">SERVICIOS</a><br>
>         <a href="04-empresa.htm">EMPRESA</a><br>
>         <a href="05-contacto.htm">CONTACTO</a></font></tr>
> </table>
> </div>
>
> </body>
>
> </html>
> ------------------------------------------------------------------------
> Necesito que, cuando el puntero se sitúe sobre algún enlace cambie el
> color del texto situado en la otra tabla (que, a su vez, está dentro de
> otra capa).
>
>
> ¿Eso es posible?, ¿cómo se puede hacer?
>
> Ante todo muchas gracias a todos, un saludo.
>
>
> _______________________________________________
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
> _______________________________________________
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
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://lists.ovillo.org/mailman/listinfo/ovillo

Responder a