Re: [Ovillo] Cambiar color de fuente en otro div con hover

2007-01-18 Por tema Lista de Distribución
Buenas.

Eso es bonito, no? Pero de cara a la accesibilidad no genera ruido?? Quiero
decir que estás repitiendo Inicio dos veces, lo que no tiene mucho sentido,
no?

Un saludo y buen truco de diseño.

 

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de LISTAS
Enviado el: miércoles, 17 de enero de 2007 19:57
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Cambiar color de fuente en otro div con hover

¡¡¡Muy buen truco!!! A esto llamo yo pensar.

Almirante von Web/.

- Original Message -
From: Jose [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, January 17, 2007 7:29 AM
Subject: Re: [Ovillo] Cambiar color de fuente en otro div con hover


Bueno, ya estoy aquí de nuevo.

Quiero agradecer a todos los que han participado en este hilo, pero en
especial a Rubén.
Gracias artista, con tu indicación me abriste el camino.

El fin del código que necesitaba era lograr un efecto de sombra en el texto
de los vínculos que fuera sencillo y, a su vez, lo mas compatible posible en
distintos navegadores. Estaba dirigiéndome por un camino incorrecto, pero el
código de Rubén me dio otra perspectiva, gracias de nuevo.

Aquí tenéis el código, espero que os guste y os sea útil, un saludo a todos.


html
head
style
a {color: #ff; text-decoration:none;} a span{color:#ff; cursor:hand;
position: absolute;top: -1px; left:-1px; } a:hover {color:#00} a:hover
span {color: #ff;} /style /head

body bgcolor=#C0C0C0
font face=Book Antiqua style=font-size: 14pt

DIV STYLE=position: relativea
href=01-inicio.htmINICIOSPANINICIO/SPAN/a/DIV
DIV STYLE=position: relativea
href=01-inicio.htmINICIOSPANINICIO/SPAN/a/DIV

/font
/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://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


Re: [Ovillo] Cambiar color de fuente en otro div con hover

2007-01-17 Por tema Jose
Bueno, ya estoy aquí de nuevo.

Quiero agradecer a todos los que han participado en este hilo, pero en 
especial a Rubén.
Gracias artista, con tu indicación me abriste el camino.

El fin del código que necesitaba era lograr un efecto de sombra en el 
texto de los vínculos que fuera sencillo y, a su vez, lo mas compatible 
posible en distintos navegadores. Estaba dirigiéndome por un camino 
incorrecto, pero el código de Rubén me dio otra perspectiva, gracias de 
nuevo.

Aquí tenéis el código, espero que os guste y os sea útil, un saludo a todos.


html
head
style
a {color: #ff; text-decoration:none;}
a span{color:#ff; cursor:hand; position: absolute;top: -1px; 
left:-1px; }
a:hover {color:#00}
a:hover span {color: #ff;}
/style
/head

body bgcolor=#C0C0C0
font face=Book Antiqua style=font-size: 14pt

DIV STYLE=position: relativea 
href=01-inicio.htmINICIOSPANINICIO/SPAN/a/DIV
DIV STYLE=position: relativea 
href=01-inicio.htmINICIOSPANINICIO/SPAN/a/DIV

/font
/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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Cambiar color de fuente en otro div con hover

2007-01-17 Por tema LISTAS
¡¡¡Muy buen truco!!! A esto llamo yo pensar.

Almirante von Web/.

- Original Message -
From: Jose [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, January 17, 2007 7:29 AM
Subject: Re: [Ovillo] Cambiar color de fuente en otro div con hover


Bueno, ya estoy aquí de nuevo.

Quiero agradecer a todos los que han participado en este hilo, pero en
especial a Rubén.
Gracias artista, con tu indicación me abriste el camino.

El fin del código que necesitaba era lograr un efecto de sombra en el
texto de los vínculos que fuera sencillo y, a su vez, lo mas compatible
posible en distintos navegadores. Estaba dirigiéndome por un camino
incorrecto, pero el código de Rubén me dio otra perspectiva, gracias de
nuevo.

Aquí tenéis el código, espero que os guste y os sea útil, un saludo a todos.


html
head
style
a {color: #ff; text-decoration:none;}
a span{color:#ff; cursor:hand; position: absolute;top: -1px;
left:-1px; }
a:hover {color:#00}
a:hover span {color: #ff;}
/style
/head

body bgcolor=#C0C0C0
font face=Book Antiqua style=font-size: 14pt

DIV STYLE=position: relativea
href=01-inicio.htmINICIOSPANINICIO/SPAN/a/DIV
DIV STYLE=position: relativea
href=01-inicio.htmINICIOSPANINICIO/SPAN/a/DIV

/font
/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://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


[Ovillo] Cambiar color de fuente en otro div con hover

2007-01-16 Por tema Jose
¡¡¡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: #ff;}
/style

/head

body bgcolor=#9595FF

div style=font-color:#ff; position: absolute; left: 150; top: 2;
table border=0
tr
td
dtfont face=Book Antiqua style=font-size: 14pt
INICIObr
PRODUCTOSbr
SERVICIOSbr
EMPRESAbr
CONTACTO/font/dt
/tr
/table
/div

div style=position: absolute; left: 0; top: 0;
table border=0
tr
tdfont face=Book Antiqua style=font-size: 14pt
a href=01-inicio.htmINICIO/abr
a href=02-productos.htmPRODUCTOS/abr
a href=03-servicios.htmSERVICIOS/abr
a href=04-empresa.htmEMPRESA/abr
a href=05-contacto.htmCONTACTO/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


Re: [Ovillo] Cambiar color de fuente en otro div con hover

2007-01-16 Por tema felix . zapata
Por hojas de estilo creo que no se puede hacer lo que comentas

Quoting Jose [EMAIL PROTECTED]:

 ¡¡¡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: #ff;}
 /style

 /head

 body bgcolor=#9595FF

 div style=font-color:#ff; position: absolute; left: 150; top: 2;
 table border=0
 tr
 td
 dtfont face=Book Antiqua style=font-size: 14pt
 INICIObr
 PRODUCTOSbr
 SERVICIOSbr
 EMPRESAbr
 CONTACTO/font/dt
 /tr
 /table
 /div

 div style=position: absolute; left: 0; top: 0;
 table border=0
 tr
 tdfont face=Book Antiqua style=font-size: 14pt
 a href=01-inicio.htmINICIO/abr
 a href=02-productos.htmPRODUCTOS/abr
 a href=03-servicios.htmSERVICIOS/abr
 a href=04-empresa.htmEMPRESA/abr
 a href=05-contacto.htmCONTACTO/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





This message was sent using IMP, the Internet Messaging Program.


___
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


Re: [Ovillo] Cambiar color de fuente en otro div con hover

2007-01-16 Por tema Pixelperu
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.

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: #ff;}
/style

/head

body bgcolor=#9595FF

div style=font-color:#ff; position: absolute; left: 150; top: 2;
table border=0
tr
td
dtfont face=Book Antiqua style=font-size: 14pt
INICIObr
PRODUCTOSbr
SERVICIOSbr
EMPRESAbr
CONTACTO/font/dt
/tr
/table
/div

div style=position: absolute; left: 0; top: 0;
table border=0
tr
tdfont face=Book Antiqua style=font-size: 14pt
a href=01-inicio.htmINICIO/abr
a href=02-productos.htmPRODUCTOS/abr
a href=03-servicios.htmSERVICIOS/abr
a href=04-empresa.htmEMPRESA/abr
a href=05-contacto.htmCONTACTO/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


Re: [Ovillo] Cambiar color de fuente en otro div con hover

2007-01-16 Por tema Rubén R. V.
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 enlacea/a quedando:
  aTextospan+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
lia href=#Inicio span Inicio /span/a/li
lia href=#Productos span Productos /span/a/li
lia href=#Servicios span Servicios /span/a/li
lia href=#Empresa span Empresa /span/a/li 
lia 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: #ff;}
 /style

 /head

 body bgcolor=#9595FF

 div style=font-color:#ff; position: absolute; left: 150; top: 2;
 table border=0
 tr
 td
 dtfont face=Book Antiqua style=font-size: 14pt
 INICIObr
 PRODUCTOSbr
 SERVICIOSbr
 EMPRESAbr
 CONTACTO/font/dt
 /tr
 /table
 /div

 div style=position: absolute; left: 0; top: 0;
 table border=0
 tr
 tdfont face=Book Antiqua style=font-size: 14pt
 a href=01-inicio.htmINICIO/abr
 a href=02-productos.htmPRODUCTOS/abr
 a href=03-servicios.htmSERVICIOS/abr
 a href=04-empresa.htmEMPRESA/abr
 a href=05-contacto.htmCONTACTO/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