quedaría así
<code>
<!DOCTYPE html>
<head>
<title></title>
<style>
* {
margin: 0;
padding: 0;
}
#capa {
width: 400px;
}
ul {
width: 350px;
list-style: none;
}
li p{
padding-bottom:1px;
}
li:hover {border:0;
}
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>
</code>
El 1 de julio de 2011 19:54, Nestali Guerrero <nguerr...@emergya.es>escribió:
> 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
