Marina dinos qué quieres xD, tienes un pantallazo final de como quedaría???
mira te mando lo que creo que puede ser una cosa menos:
Tienes un li:hover p{
border:0;
padding-bottom:1px;
}
ehm esto hace efecto cuando haces el hover, lo que tienes que hacer es:
li p{
border:0;
padding-bottom:1px;
}
li:hover p{
border:0;
}
comentame como va la cosa
El 1 de julio de 2011 19:32, Marina Gallardo <marinagalla...@gmail.com>escribió:
> Sí, la solución es muy buena (flipo con los trucos que os sabéis) pero no
> consigo que salga como quiero. Os pongo el código y me decís. La idea es
> que
> en el <p> haya una línea que sea menor a la del <li>. De hecho, el <ul>
> tendría que flotar a la derecha y quedarse todo a la derecha, pero ahora
> tampoco lo consigo. Lo pongo sin el float, primero, vamos a solucionar eso
> y
> luego ya vemos.
>
> Muchas gracias, de verdad.
>
> <!DOCTYPE html>
> <head>
> <title></title>
> <style>
> * {
> margin: 0;
> padding: 0;
> }
> #capa {
> width: 400px;
> }
> ul {
> width: 350px;
> list-style: none;
> }
> li:hover p{
> border:0;
> padding-bottom:1px;
> }
> li:hover {
> background-color: gray;
> }
> p {
> border-bottom: 1px solid gray;
> width: 300px;
> padding: 5px;
> }
> </style>
> </head>
> <body>
> <div id="capa">
> <ul>
> <li><p>prueba</p></li>
> <li><p>prueba</p></li>
> </ul>
> </div>
> </body>
> </html>
>
> 2011/7/1 Nestali Guerrero <nguerr...@emergya.es>
>
> > Efectivamente, simplemente probé lo que Miquel decía y al 100%. todo es
> por
> > el pixel del border, al cual en el hover no se te movería si también
> > tuviera
> > el border, o el underline.
> >
> > Marina agrega lo de Miquel y lo tienes solucionado!
> >
> > Saludos!
> >
> > El 1 de julio de 2011 19:10, Nestali Guerrero <nguerr...@emergya.es
> > >escribió:
> >
> > > Lo miro y te contesto ok? gracias por el code
> > >
> > > 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
> > >>
> > >
> > >
> > _______________________________________________
> > 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
