Re: [Ovillo] Problema con background y #menu li a:hover

[Mikersson]

Muchas gracias, veo que la cosa esta tranca parta hacerlo solo con CSS... y 
Cómo hacer que al pasar el mouse el menú activo crezca 3 líneas en el "top" y 
"bottom" PERO sin que los menús de arriba y abajo se muevan?? Solo así se 
podrían cubrir las líneas...

#menu li a:hover {
color: #66;
background:#FC0;
padding: 9px 0 0 0;
margin-left: 10px;
/*border-top: 3px solid #FC0;
border-bottom: 3px solid #FC0;*/

#menu li a {
voice-family: "\"}\"";
voice-family: inherit;
width: 210px;
height: 24px;
background:#fff;
border-bottom: 1px solid #99F;
text-decoration: none;
font-weight:normal;
}


---
Miguel Flores
Graphic Design & Standard based Web Design
Phone +511.6237408
MSN: mi...@pixelperu.net
http://pe.linkedin.com/in/mikersson


> -Mensaje original-
> De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-
> boun...@lists.ovillo.org] En nombre de Tei
> Enviado el: Lunes, 22 de Marzo de 2010 08:20 a.m.
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] Problema con background y #menu li a:hover
> 
> Solo por diversion he creado este html+css.
> 
> Esto lo que hace es cuando pones el raton sobre pelicula, pone libros
> y teatro en azul. Si pones el raton sobre libros, pone teatro y
> pelicula en azul.  El enlace que esta activado no cambia, cambian los
> otros enlaces.
> 
> 
> 
> 
> 
> teatro
> libros
> pelicula
> 
> 
> 
> 
> 
> 
> 
> #commie {
>  background-color: red;
> }
> 
> #commie li:hover {
>  background-color: blue;
> }
> 
> #c1 a:hover,#c2 a:hover,#c3 a:hover {
>background-color: red!important;
> }
> 
> 
> 
> No propongo este html+css para el problema de Miker, ni mucho menos.
> Aunque alguien con mas experiencia que yo lo podria adaptar para este
> proposito.
> 
> tl;dr:
> 
> un hover que afecta a los demas elementos, en lugar de al señalado
> 
> 
> On 22 March 2010 13:35, Jairo Ochoa  wrote:
> >
> > con "hover" puedes mostrar o quitar las líneas de un elemento del
> menú, pero
> > ... tú quieres lo contrario? que el hover afecte a los demás
> elemento.
> > me parece que con css no se puede, tandrás que usar js + css
> > --
> >
> > Jairo Ochoa
> >
> >
> > 2010/3/21 Mikersson 
> >
> > > Buens días,
> > >
> > >
> > >
> > > Estoy teniendo un problema  la hora de pasar el mouse en un menú
> vertical
> > > con imagen de fondo.
> > >
> > > La imagen es:
> > >
> > >
> > >
> > > http://www.pixelperu.net/file/menu.jpg
> > >
> > >
> > >
> > > Al pasar el mouse sobre algún menú quisiera que las líneas de los
> menus
> > > adyacentes desaparezcan. Se me ha hecho difícil lograrlo con CSS
> asi es que
> > > recurro a ustedes y ver si puedo encontrar la solución.
> > >
> > >
> > >
> > > EL XHTML del menú:
> > >
> > >
> > >
> > > 
> > >
> > >
> > >
> > > 
> > >
> > >> > href="index.html">ABOUT US
> > >
> > > > > >SERVICES
> > >
> > >> > href="programs.html">HEALTHY STUFF PROGRAMS > > href="carriers.html">CARRIERS
> > >
> > >> > href="help.html">CLAIM HELP
> > >
> > >> > href="contact.html">CONTACT US
> > >
> > >
> > >
> > > 
> > >
> > > 
> > >
> > >
> > >

___
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] Lightbox con css

[matias ferraro]

Hola sabios del ciberespacio :) estube leyendo algo en la web sobre crear un 
lightbox solamente con css http://blog.unijimpe.net/efecto-lightbox-con-css/

El tema es cuando la pagina web tiene mucha altura ya q cuando hacemos scroll 
se nota la imperfeccion de esta tecnica ya q el fondo no apareca abajo 
negro(activando el lightbox por asi decir).
Pregunta existe forma de arreglar eso.
Parece chino basico lo q acabo de escribir :D
  
_
Espacio de almacenamiento siempre en crecimiento. Con Hotmail almacená 5GB y 
más. Hacé clic aquí
http://www.descubrewindowslive.com/hotmail/almacenamiento.asp
___
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] problemas con css

[Tei]

Es el segundo mensaje que veo que dispara desde los arbustos y no
sabemos ni porque.

En casos como este, que se llega a una conclusión, es mucho mejor el
poner esa conclusión en el hilo original (esto es: usando el mismo
asunto, haciendo reply al ultimo mensaje )  enviar mensaje nuevo con
nuevo asunto realmente crea otro hilo.

2010/3/22 anthony mapp :
> ya lo resolvi, era al ubicacion del archivo, muchas gracias

Mola :-)



-- 
--
ℱin del ℳensaje.
___
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] problemas con css

[anthony mapp]

ya lo resolvi, era al ubicacion del archivo, muchas gracias
___
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] Serios problemas con los margenes en internet explorer 6

[Reactivo Química Visual]

Parece que te has encontrado con un bug famoso del IE que duplica los
márgenes de los elementos que flotan, siempre que floten hacia el mismo lado
que el margen... aquí se explica un poco mejor:

http://www.positioniseverything.net/explorer/doubled-margin.html



El 22 de marzo de 2010 19:35, Ariel  escribió:

> Bueno pues he resuelto el problema usando los padding en vez de los
> margenes, con los padding todo se ve igual en internet explorer y firefox y
> chrome.
> Díganme si para ustedes esta es una solucion valida tambien.
>
> Saludos
> Ariel
>
> 2010/3/22 Ariel 
>
> > Gracias a todos por sus respuestas.
> >
> > Sí efectivamente estoy usando elementos flotantes para posicionar las
> > columnas dentro de un div.
> > El doctype que tengo puesto es este:
> >  > http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> > Diganme si este es el que activa el modo quierk en internet explorer,
> cual
> > debo porner para que no se active ese modo ???
> >
> > Saludos
> > Ariel
> > 2010/3/22 joel vinicio almanzar 
> >
> >
> >> Si usas display:inline no tendras que duplicar los margenes y talvez no
> >> utilizar un css para ie
> >>
> >>
> >>
> >>
> >> > Date: Mon, 22 Mar 2010 15:39:14 +0100
> >> > From: gilipollas.desconcerta...@gmail.com
> >> > To: ovillo@lists.ovillo.org
> >> > Subject: Re: [Ovillo] Serios problemas con los margenes en internet
> >> explorer  6
> >> >
> >> > Hola Ariel,
> >> >
> >> > 2010/3/22 Ariel 
> >> >
> >> > >  Tengo serios problemas con el
> >> > > modelo de caja(box model) en internet explorer, cuando pongo los
> >> margenes
> >> > > en
> >> > > mis estilos css con medidas en pixels en firefox y en chrome se ven
> >> como yo
> >> > > quiero pero en internet explorer 6 se ven completamente diferentes.
> >> > >
> >> >
> >> > 1. Pon el doctype correcto, la primera linea de todas, en el html, o
> >> > explorer entra en Quirks Mode [1], algo que quieres evitar.
> >> > 2. En los elementos flotados, Explorer 6 duplica los márgenes[2].
> >> Tendrás
> >> > que usar un CSS especial para él [3]
> >> >
> >> > saludos,
> >> > carlos
> >> >
> >> > [1] http://es.wikipedia.org/wiki/Quirks_Mode
> >> > [2] http://www.positioniseverything.net/explorer/doubled-margin.html
> >> > [3]
> >> >
> http://www.disenorama.com/tutoriales/comentarios-condicionales-para-ie
> >> > --
> >> > Si no puedes deslumbrar con tu sabiduría,
> >> > desconcierta con tus gilipolleces
> >> > ___
> >> > 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
> >>
> >> _
> >> ¿Cuánto espacio necesitas para guardar tus emails? Con Hotmail tienes
> 5GB
> >> y puede ampliarse a más.
> >> http://www.descubrewindowslive.com/hotmail/almacenamiento.asp
> >> ___
> >> 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] Serios problemas con los margenes en internet explorer 6

[Ariel]

Bueno pues he resuelto el problema usando los padding en vez de los
margenes, con los padding todo se ve igual en internet explorer y firefox y
chrome.
Díganme si para ustedes esta es una solucion valida tambien.

Saludos
Ariel

2010/3/22 Ariel 

> Gracias a todos por sus respuestas.
>
> Sí efectivamente estoy usando elementos flotantes para posicionar las
> columnas dentro de un div.
> El doctype que tengo puesto es este:
>  http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> Diganme si este es el que activa el modo quierk en internet explorer, cual
> debo porner para que no se active ese modo ???
>
> Saludos
> Ariel
> 2010/3/22 joel vinicio almanzar 
>
>
>> Si usas display:inline no tendras que duplicar los margenes y talvez no
>> utilizar un css para ie
>>
>>
>>
>>
>> > Date: Mon, 22 Mar 2010 15:39:14 +0100
>> > From: gilipollas.desconcerta...@gmail.com
>> > To: ovillo@lists.ovillo.org
>> > Subject: Re: [Ovillo] Serios problemas con los margenes en internet
>> explorer  6
>> >
>> > Hola Ariel,
>> >
>> > 2010/3/22 Ariel 
>> >
>> > >  Tengo serios problemas con el
>> > > modelo de caja(box model) en internet explorer, cuando pongo los
>> margenes
>> > > en
>> > > mis estilos css con medidas en pixels en firefox y en chrome se ven
>> como yo
>> > > quiero pero en internet explorer 6 se ven completamente diferentes.
>> > >
>> >
>> > 1. Pon el doctype correcto, la primera linea de todas, en el html, o
>> > explorer entra en Quirks Mode [1], algo que quieres evitar.
>> > 2. En los elementos flotados, Explorer 6 duplica los márgenes[2].
>> Tendrás
>> > que usar un CSS especial para él [3]
>> >
>> > saludos,
>> > carlos
>> >
>> > [1] http://es.wikipedia.org/wiki/Quirks_Mode
>> > [2] http://www.positioniseverything.net/explorer/doubled-margin.html
>> > [3]
>> > http://www.disenorama.com/tutoriales/comentarios-condicionales-para-ie
>> > --
>> > Si no puedes deslumbrar con tu sabiduría,
>> > desconcierta con tus gilipolleces
>> > ___
>> > 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
>>
>> _
>> ¿Cuánto espacio necesitas para guardar tus emails? Con Hotmail tienes 5GB
>> y puede ampliarse a más.
>> http://www.descubrewindowslive.com/hotmail/almacenamiento.asp
>> ___
>> 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] Serios problemas con los margenes en internet explorer 6

[Ariel]

Gracias a todos por sus respuestas.

Sí efectivamente estoy usando elementos flotantes para posicionar las
columnas dentro de un div.
El doctype que tengo puesto es este:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
Diganme si este es el que activa el modo quierk en internet explorer, cual
debo porner para que no se active ese modo ???

Saludos
Ariel
2010/3/22 joel vinicio almanzar 

>
> Si usas display:inline no tendras que duplicar los margenes y talvez no
> utilizar un css para ie
>
>
>
>
> > Date: Mon, 22 Mar 2010 15:39:14 +0100
> > From: gilipollas.desconcerta...@gmail.com
> > To: ovillo@lists.ovillo.org
> > Subject: Re: [Ovillo] Serios problemas con los margenes en internet
> explorer  6
> >
> > Hola Ariel,
> >
> > 2010/3/22 Ariel 
> >
> > >  Tengo serios problemas con el
> > > modelo de caja(box model) en internet explorer, cuando pongo los
> margenes
> > > en
> > > mis estilos css con medidas en pixels en firefox y en chrome se ven
> como yo
> > > quiero pero en internet explorer 6 se ven completamente diferentes.
> > >
> >
> > 1. Pon el doctype correcto, la primera linea de todas, en el html, o
> > explorer entra en Quirks Mode [1], algo que quieres evitar.
> > 2. En los elementos flotados, Explorer 6 duplica los márgenes[2]. Tendrás
> > que usar un CSS especial para él [3]
> >
> > saludos,
> > carlos
> >
> > [1] http://es.wikipedia.org/wiki/Quirks_Mode
> > [2] http://www.positioniseverything.net/explorer/doubled-margin.html
> > [3]
> > http://www.disenorama.com/tutoriales/comentarios-condicionales-para-ie
> > --
> > Si no puedes deslumbrar con tu sabiduría,
> > desconcierta con tus gilipolleces
> > ___
> > 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
>
> _
> ¿Cuánto espacio necesitas para guardar tus emails? Con Hotmail tienes 5GB y
> puede ampliarse a más.
> http://www.descubrewindowslive.com/hotmail/almacenamiento.asp
> ___
> 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] Serios problemas con los margenes en internet explorer 6

[joel vinicio almanzar]

Si usas display:inline no tendras que duplicar los margenes y talvez no 
utilizar un css para ie




> Date: Mon, 22 Mar 2010 15:39:14 +0100
> From: gilipollas.desconcerta...@gmail.com
> To: ovillo@lists.ovillo.org
> Subject: Re: [Ovillo] Serios problemas con los margenes en internet explorer  
> 6
> 
> Hola Ariel,
> 
> 2010/3/22 Ariel 
> 
> >  Tengo serios problemas con el
> > modelo de caja(box model) en internet explorer, cuando pongo los margenes
> > en
> > mis estilos css con medidas en pixels en firefox y en chrome se ven como yo
> > quiero pero en internet explorer 6 se ven completamente diferentes.
> >
> 
> 1. Pon el doctype correcto, la primera linea de todas, en el html, o
> explorer entra en Quirks Mode [1], algo que quieres evitar.
> 2. En los elementos flotados, Explorer 6 duplica los márgenes[2]. Tendrás
> que usar un CSS especial para él [3]
> 
> saludos,
> carlos
> 
> [1] http://es.wikipedia.org/wiki/Quirks_Mode
> [2] http://www.positioniseverything.net/explorer/doubled-margin.html
> [3]
> http://www.disenorama.com/tutoriales/comentarios-condicionales-para-ie
> -- 
> Si no puedes deslumbrar con tu sabiduría,
> desconcierta con tus gilipolleces
> ___
> 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
  
_
¿Cuánto espacio necesitas para guardar tus emails? Con Hotmail tienes 5GB y 
puede ampliarse a más.
http://www.descubrewindowslive.com/hotmail/almacenamiento.asp
___
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] Serios problemas con los margenes en internet explorer 6

[carlos campderrós]

Hola Ariel,

2010/3/22 Ariel 

>  Tengo serios problemas con el
> modelo de caja(box model) en internet explorer, cuando pongo los margenes
> en
> mis estilos css con medidas en pixels en firefox y en chrome se ven como yo
> quiero pero en internet explorer 6 se ven completamente diferentes.
>

1. Pon el doctype correcto, la primera linea de todas, en el html, o
explorer entra en Quirks Mode [1], algo que quieres evitar.
2. En los elementos flotados, Explorer 6 duplica los márgenes[2]. Tendrás
que usar un CSS especial para él [3]

saludos,
carlos

[1] http://es.wikipedia.org/wiki/Quirks_Mode
[2] http://www.positioniseverything.net/explorer/doubled-margin.html
[3]
http://www.disenorama.com/tutoriales/comentarios-condicionales-para-ie
-- 
Si no puedes deslumbrar con tu sabiduría,
desconcierta con tus gilipolleces
___
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] Serios problemas con los margenes en internet explorer 6

[joel vinicio almanzar]

Pudes utilizar un css para internet explorer 6 cargado en el  con con 
Conditional comments (http://www.quirksmode.org/css/condcom.html), o utilizar 
display:inline; en algunos elementos. ayuda.



> Date: Mon, 22 Mar 2010 10:21:01 -0400
> From: isaacr...@gmail.com
> To: ovillo@lists.ovillo.org
> Subject: [Ovillo] Serios problemas con los margenes en internet explorer 6
> 
> Hola a todos:
> Estoy empezando con css y el maquetado web. Tengo serios problemas con el
> modelo de caja(box model) en internet explorer, cuando pongo los margenes en
> mis estilos css con medidas en pixels en firefox y en chrome se ven como yo
> quiero pero en internet explorer 6 se ven completamente diferentes.
> ¿Alguien sabe como soluciono este problema?
> Le agradecería mucho que me ayudara.
> Saludos
> Ariel.
> ___
> 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
  
_
¿Cuánto espacio necesitas para guardar tus emails? Con Hotmail tienes 5GB y 
puede ampliarse a más.
http://www.descubrewindowslive.com/hotmail/almacenamiento.asp
___
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] Serios problemas con los margenes en internet explorer 6

[Andrés gutiérrez]

Igual es porque ese div esta flotando. Prueba a hacer una busqueda en Google
por "clearfix internet explorer"

El 22 de marzo de 2010 15:21, Ariel  escribió:

> Hola a todos:
> Estoy empezando con css y el maquetado web. Tengo serios problemas con el
> modelo de caja(box model) en internet explorer, cuando pongo los margenes
> en
> mis estilos css con medidas en pixels en firefox y en chrome se ven como yo
> quiero pero en internet explorer 6 se ven completamente diferentes.
> ¿Alguien sabe como soluciono este problema?
> Le agradecería mucho que me ayudara.
> Saludos
> Ariel.
> ___
> 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
>



-- 
Experiencia es lo que obtienes, cuando no obtienes lo que quieres.
-
"Caminar sobre el agua y desarrollar software a partir de unas
especificaciones es fácil. si ambas están congeladas."
Edward V. Berard, ingeniero informático.
___
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] Serios problemas con los margenes en internet explorer 6

[Ariel]

Hola a todos:
Estoy empezando con css y el maquetado web. Tengo serios problemas con el
modelo de caja(box model) en internet explorer, cuando pongo los margenes en
mis estilos css con medidas en pixels en firefox y en chrome se ven como yo
quiero pero en internet explorer 6 se ven completamente diferentes.
¿Alguien sabe como soluciono este problema?
Le agradecería mucho que me ayudara.
Saludos
Ariel.
___
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] problemas con el css

[anthony mapp]

Probare las respuestas q  me dieron el dia de hoy y espero resolver el 
problema y gracias por las respuestas ;) los mantendre al tanto



___
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] Problema con background y #menu li a:hover

[Tei]

Solo por diversion he creado este html+css.

Esto lo que hace es cuando pones el raton sobre pelicula, pone libros
y teatro en azul. Si pones el raton sobre libros, pone teatro y
pelicula en azul.  El enlace que esta activado no cambia, cambian los
otros enlaces.





teatro
libros
pelicula







#commie {
 background-color: red;
}

#commie li:hover {
 background-color: blue;
}

#c1 a:hover,#c2 a:hover,#c3 a:hover {
   background-color: red!important;
}



No propongo este html+css para el problema de Miker, ni mucho menos.
Aunque alguien con mas experiencia que yo lo podria adaptar para este
proposito.

tl;dr:

un hover que afecta a los demas elementos, en lugar de al señalado


On 22 March 2010 13:35, Jairo Ochoa  wrote:
>
> con "hover" puedes mostrar o quitar las líneas de un elemento del menú, pero
> ... tú quieres lo contrario? que el hover afecte a los demás elemento.
> me parece que con css no se puede, tandrás que usar js + css
> --
>
> Jairo Ochoa
>
>
> 2010/3/21 Mikersson 
>
> > Buens días,
> >
> >
> >
> > Estoy teniendo un problema  la hora de pasar el mouse en un menú vertical
> > con imagen de fondo.
> >
> > La imagen es:
> >
> >
> >
> > http://www.pixelperu.net/file/menu.jpg
> >
> >
> >
> > Al pasar el mouse sobre algún menú quisiera que las líneas de los menus
> > adyacentes desaparezcan. Se me ha hecho difícil lograrlo con CSS asi es que
> > recurro a ustedes y ver si puedo encontrar la solución.
> >
> >
> >
> > EL XHTML del menú:
> >
> >
> >
> > 
> >
> >
> >
> >     
> >
> >                                > href="index.html">ABOUT US
> >
> >         > >SERVICES
> >
> >                                > href="programs.html">HEALTHY STUFF PROGRAMS > href="carriers.html">CARRIERS
> >
> >                                > href="help.html">CLAIM HELP
> >
> >                                > href="contact.html">CONTACT US
> >
> >                
> >
> > 
> >
> > 
> >
> >
> >
> > EL CSS de mi menú es:
> >
> > #menu {
> >
> >                float:left;
> >
> >                width: 230px;
> >
> >                height: auto;
> >
> >                font:normal 1.3em/100% Helvetica, Arial, sans-serif;
> >
> >                text-align: left;
> >
> >                padding:10px 0 ;
> >
> >                font-weight: bold;
> >
> >                border: 1px solid #000;}
> >
> >
> >
> > #menu ul{
> >
> >                margin:0px;
> >
> >                padding:0px;
> >
> >                list-style:none;
> >
> >                }
> >
> > #menu li a {
> >
> >                               voice-family: "\"}\"";
> >
> >                               voice-family: inherit;
> >
> >                               width: 210px;
> >
> >                               height: 24px;
> >
> >                               background:#fff;
> >
> >                               border-bottom: 1px solid #99F;
> >
> >                               text-decoration: none;
> >
> >                               font-weight:normal;
> >
> >                               }
> >
> >
> >
> > #menu li a:link, #menu li a:visited {
> >
> >                               color:#666;
> >
> >                               display: block;
> >
> >                               background: url(images/menu4.gif);
> >
> >                               padding: 8px 0 0 0;
> >
> >                               margin-left: 10px;
> >
> >                               }
> >
> >
> >
> > #menu li a:hover {
> >
> >                               color: #66;
> >
> >                               background:#FC0;
> >
> >                               padding: 9px 0 0 0;
> >
> >                               margin-left: 10px;
> >
> >                               /*border-top: 3px solid #FC0;
> >
> >                               border-bottom: 3px solid #FC0;*/
> >
> >
> >
> >                               }
> >
> >
> >
> > #menu li a:active {
> >
> >                               color: #66;;
> >
> >                               background: url(images/menu4.gif) 0 -64px;
> >
> >                               padding: 8px 0 0 20px;
> >
> >                               }
> >
> >
> >
> > #about span li a:hover  {
> >
> >    height:35px;
> >
> >    background-image:url(images/about.gif);
> >
> >    background-repeat:no-repeat;
> >
> >    }
> >
> >  div span {display:none;}
> >
> >
> >
> >
> >
> > Como puedo hacer con el #nav no lo he definido aún,
> >
> >
> >
> > De antemano muchas gracias!
> >
> >
> >
> >
> >
> > ---
> >
> > Miguel Flores
> >
> > Graphic Design & Standard based Web Design
> >
> > Phone +511.6237408
> >
> > MSN: mi...@pixelperu.net
> >
> >   http://pe.linkedin.com/in/mikersson
> >
> >
> >
> > ___
> > 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] Problema con background y #menu li a:hover

[Jairo Ochoa]

con "hover" puedes mostrar o quitar las líneas de un elemento del menú, pero
... tú quieres lo contrario? que el hover afecte a los demás elemento.
me parece que con css no se puede, tandrás que usar js + css
--

Jairo Ochoa


2010/3/21 Mikersson 

> Buens días,
>
>
>
> Estoy teniendo un problema  la hora de pasar el mouse en un menú vertical
> con imagen de fondo.
>
> La imagen es:
>
>
>
> http://www.pixelperu.net/file/menu.jpg
>
>
>
> Al pasar el mouse sobre algún menú quisiera que las líneas de los menus
> adyacentes desaparezcan. Se me ha hecho difícil lograrlo con CSS asi es que
> recurro a ustedes y ver si puedo encontrar la solución.
>
>
>
> EL XHTML del menú:
>
>
>
> 
>
>
>
> 
>
>href="index.html">ABOUT US
>
> >SERVICES
>
>href="programs.html">HEALTHY STUFF PROGRAMS href="carriers.html">CARRIERS
>
>href="help.html">CLAIM HELP
>
>href="contact.html">CONTACT US
>
>
>
> 
>
> 
>
>
>
> EL CSS de mi menú es:
>
> #menu {
>
>float:left;
>
>width: 230px;
>
>height: auto;
>
>font:normal 1.3em/100% Helvetica, Arial, sans-serif;
>
>text-align: left;
>
>padding:10px 0 ;
>
>font-weight: bold;
>
>border: 1px solid #000;}
>
>
>
> #menu ul{
>
>margin:0px;
>
>padding:0px;
>
>list-style:none;
>
>}
>
> #menu li a {
>
>   voice-family: "\"}\"";
>
>   voice-family: inherit;
>
>   width: 210px;
>
>   height: 24px;
>
>   background:#fff;
>
>   border-bottom: 1px solid #99F;
>
>   text-decoration: none;
>
>   font-weight:normal;
>
>   }
>
>
>
> #menu li a:link, #menu li a:visited {
>
>   color:#666;
>
>   display: block;
>
>   background: url(images/menu4.gif);
>
>   padding: 8px 0 0 0;
>
>   margin-left: 10px;
>
>   }
>
>
>
> #menu li a:hover {
>
>   color: #66;
>
>   background:#FC0;
>
>   padding: 9px 0 0 0;
>
>   margin-left: 10px;
>
>   /*border-top: 3px solid #FC0;
>
>   border-bottom: 3px solid #FC0;*/
>
>
>
>   }
>
>
>
> #menu li a:active {
>
>   color: #66;;
>
>   background: url(images/menu4.gif) 0 -64px;
>
>   padding: 8px 0 0 20px;
>
>   }
>
>
>
> #about span li a:hover  {
>
>height:35px;
>
>background-image:url(images/about.gif);
>
>background-repeat:no-repeat;
>
>}
>
>  div span {display:none;}
>
>
>
>
>
> Como puedo hacer con el #nav no lo he definido aún,
>
>
>
> De antemano muchas gracias!
>
>
>
>
>
> ---
>
> Miguel Flores
>
> Graphic Design & Standard based Web Design
>
> Phone +511.6237408
>
> MSN: mi...@pixelperu.net
>
>   http://pe.linkedin.com/in/mikersson
>
>
>
> ___
> 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] problemas con css

[Jairo Ochoa]

si nos pasas la url lo averiguremos antes

--

Jairo Ochoa


El 22 de marzo de 2010 01:29, alejandro carro escribió:

> Que estilos estas usando? Hay algunos que no se ven en todos los
> navegadore?
>
> El 21 de marzo de 2010 06:31, anthony mapp 
> escribió:
>
> > Hola
> >
> > el problema q tengo es  cuando aplico el css a los diferentes div, veo el
> > cambio en dreamweaver pero cuando lo veo en el safari o firefox  no salen
> > aplicados los estilos, alguna idea de que puede ser??? gracias
> >
> > Anthony Mapp
> > Diseñador Gráfico
> >
> >
> >
> >
> > ___
> > 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] Verificando web en IExplorer

[Jairo Ochoa]

en FF 3.6 (Mac) se veía bien y en IE 6 (Win) se notaban cosas extrañas, pero
me imagino que por ser antiguo el navegador, pero no el scroll del que
hablabas

--

Jairo Ochoa

El 22 de marzo de 2010 11:17, Marina Gallardo
escribió:

> Listo, al final pude solucionarlo, era un problema de CSS.
>
> El 22 de marzo de 2010 10:06, Marina Gallardo
> escribió:
>
> > Buenas, he terminado de diseñar una web pero no me termina de salir bien
> en
> > IE 7, ignoro si también sale en IE 8, pues no lo tengo en mano. En cada
> post
> > me sale como una barra para desplazarse, no sé a qué puede ser debido.
> Ah, y
> > no tengáis muy en cuenta la validación, pues aún me queda por validar
> > algunos errores debido a los vídeos. Espero que podáis ayudarme. Gracias
> y
> > saludos.
> >
> > www.foehnrecords.com
> >
> ___
> 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] Verificando web en IExplorer

[Marina Gallardo]

Listo, al final pude solucionarlo, era un problema de CSS.

El 22 de marzo de 2010 10:06, Marina Gallardo
escribió:

> Buenas, he terminado de diseñar una web pero no me termina de salir bien en
> IE 7, ignoro si también sale en IE 8, pues no lo tengo en mano. En cada post
> me sale como una barra para desplazarse, no sé a qué puede ser debido. Ah, y
> no tengáis muy en cuenta la validación, pues aún me queda por validar
> algunos errores debido a los vídeos. Espero que podáis ayudarme. Gracias y
> saludos.
>
> www.foehnrecords.com
>
___
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] Verificando web en IExplorer

[Marina Gallardo]

Buenas, he terminado de diseñar una web pero no me termina de salir bien en
IE 7, ignoro si también sale en IE 8, pues no lo tengo en mano. En cada post
me sale como una barra para desplazarse, no sé a qué puede ser debido. Ah, y
no tengáis muy en cuenta la validación, pues aún me queda por validar
algunos errores debido a los vídeos. Espero que podáis ayudarme. Gracias y
saludos.

www.foehnrecords.com
___
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