<!DOCTYPE html>
<head>
<title></title>
<style>
li:hover p{border:0;padding-bottom:1px;}
li:hover {
background-color: blue;
}
p {
border-bottom: 1px solid gray;
}
</style>
</head>
<body>
<ul>
<li class="active"><p>prueba</p></li>
<li><p>prueba</p></li>
</ul>
</body>
</html>
Con esto ese movimiento desaparce, substituye el borde por un padding del
mismo tamaño
Saludos,
El 1 de julio de 2011 19:06, Marina Gallardo <marinagalla...@gmail.com>escribió:
> Me interesa para Chrome, el resto me da lo mismo.
>
> <!DOCTYPE html>
> <head>
> <title></title>
> <style>
> li:hover p{border:0}
> li:hover {
> background-color: blue;
> }
> p {
> border-bottom: 1px solid gray;
> }
> </style>
> </head>
> <body>
>
> <ul>
> <li class="active"><p>prueba</p></li>
> <li><p>prueba</p></li>
> </ul>
>
> </body>
> </html>
>
>
> 2011/7/1 Nestali Guerrero <nguerr...@emergya.es>
>
> > Nos puedes poner código para verlo y recrearlo?, 1 pixel? jaajaj ya
> estamos
> > con el pixel extraño? jaajaja, pasanos algo y lo miramos, te digo que lo
> > sacamos así!
> >
> > saludos!
> >
> > El 1 de julio de 2011 18:28, Marina Gallardo <marinagalla...@gmail.com
> > >escribió:
> >
> > > No me vale, me da un salto de un píxel... Ya lo probé.
> > >
> > > 2011/7/1 Miguel Angel <mik_...@hotmail.com>
> > >
> > > >
> > > > Jaja, si.. a veces es una putada.. pero hay que hacerlo como sea o
> bien
> > > por
> > > > falta de conocimientos, o por falta de tiempo, etc..
> > > >
> > > > Un saludo!
> > > >
> > > > > Date: Fri, 1 Jul 2011 15:00:30 +0200
> > > > > From: nguerr...@emergya.es
> > > > > To: ovillo@lists.ovillo.org
> > > > > Subject: Re: [Ovillo] Eliminar border-bottom del <p> anterior al
> > > > seleccionado
> > > > >
> > > > > No te preocupes miguel ya que si tiene que utilizar IE6 va a tener
> > que
> > > > ser
> > > > > por JS, y aparte estas "burradas" parecen típicas cuando hay un
> > > problema
> > > > y
> > > > > nadie ayuda!!!, al final como sea!!! ajajajajaj. Saludos compañero!
> > > > >
> > > > > 2011/7/1 Miguel Angel <mik_...@hotmail.com>
> > > > >
> > > > > >
> > > > > > Que bueno! ya avisaba de que era una burrada lo mio xD
> > > > > >
> > > > > > > Date: Fri, 1 Jul 2011 14:55:54 +0200
> > > > > > > From: nguerr...@emergya.es
> > > > > > > To: ovillo@lists.ovillo.org
> > > > > > > Subject: Re: [Ovillo] Eliminar border-bottom del <p> anterior
> al
> > > > > > seleccionado
> > > > > > >
> > > > > > > no me seais burros, a ver te pongo ejemplo:
> > > > > > >
> > > > > > > <ul>
> > > > > > > <li class="active"><p class"tengoborder">prueba</p></li>
> > > > > > > <li><p class"tengoborder">prueba</p></li>
> > > > > > > </ul>
> > > > > > >
> > > > > > > <style> sería li.active p{border:0}
> > > > > > >
> > > > > > > para el hover: li:hover p{border:0}
> > > > > > >
> > > > > > > Ésto parece magia pero funciona por si no lo sabíais, osea
> puedes
> > > > decir
> > > > > > si
> > > > > > > haces hover en ahí, quiero que el fondo del body cambie a rojo,
> > > pues
> > > > por
> > > > > > css
> > > > > > > se puede, nada de Javascript,
> > > > > > > la única pega es que no funciona en IE6, pero en 7+ sip.
> > > > > > >
> > > > > > > El 1 de julio de 2011 14:52, Miguel Angel <mik_...@hotmail.com
> >
> > > > > > escribió:
> > > > > > >
> > > > > > > >
> > > > > > > > Pero cuando dices relativo.. realmente estas diciendo al
> > elemento
> > > > > > padre?
> > > > > > > >
> > > > > > > > Es decir, el elemento que estar por encima?
> > > > > > > >
> > > > > > > > Un saludo!
> > > > > > > >
> > > > > > > > > Date: Fri, 1 Jul 2011 14:50:42 +0200
> > > > > > > > > From: marinagalla...@gmail.com
> > > > > > > > > To: ovillo@lists.ovillo.org
> > > > > > > > > Subject: Re: [Ovillo] Eliminar border-bottom del <p>
> anterior
> > > al
> > > > > > > > seleccionado
> > > > > > > > >
> > > > > > > > > Lo suyo es tratar de hacerlo sin javascript, pero si no hay
> > más
> > > > > > remedio
> > > > > > > > lo
> > > > > > > > > haré... De todas formas, no es un elemento padre-hijo, es
> un
> > > > elemento
> > > > > > > > > relativo.
> > > > > > > > >
> > > > > > > > > 2011/7/1 Miguel Angel <mik_...@hotmail.com>
> > > > > > > > >
> > > > > > > > > >
> > > > > > > > > > Alomejor te diho una burrada, pero con javascript, puedes
> > > > acceder a
> > > > > > los
> > > > > > > > > > elementos padre, hijo.
> > > > > > > > > >
> > > > > > > > > > Un saludo!
> > > > > > > > > >
> > > > > > > > > > > Date: Fri, 1 Jul 2011 14:38:06 +0200
> > > > > > > > > > > From: marinagalla...@gmail.com
> > > > > > > > > > > To: Ovillo@lists.ovillo.org
> > > > > > > > > > > Subject: [Ovillo] Eliminar border-bottom del <p>
> anterior
> > > al
> > > > > > > > seleccionado
> > > > > > > > > > >
> > > > > > > > > > > Muy buenas. Estoy tratando de hacer algo que no sé cómo
> > > > > > solucionar.
> > > > > > > > Tengo
> > > > > > > > > > un
> > > > > > > > > > > <p> dentro de un <li>, el <p> lleva una border-bottom y
> > > tiene
> > > > una
> > > > > > > > anchura
> > > > > > > > > > > menor que el <li>. Me interesa que cuando esté
> > seleccionado
> > > > el
> > > > > > li,
> > > > > > > > pueda
> > > > > > > > > > > borrar el border-bottom del elemento anterior, ¿alguien
> > > sabe
> > > > cómo
> > > > > > > > podría
> > > > > > > > > > > hacerlo? 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
> > > > > > > > > >
> > > > > > > > > > _______________________________________________
> > > > > > > > > > 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
> > > > > > > >
> > > > > > > _______________________________________________
> > > > > > > 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
> > > >
> > > > _______________________________________________
> > > > 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
> >
> _______________________________________________
> 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
>
--
*Miquel Ramon Ortega i Tido*
len...@gmail.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
