Re: [Ovillo] Fwd: Duda menu
Pues que cuando el final del menu esta cerca de otra capa, al hacer rollover
dicha capa se hace mas grande, :/
(Pero vaya da lo mismo, si el final de esa capa esta lejos, no pasa nada)
Gracias!
El día 3/07/08, Ignacio Ricci <[EMAIL PROTECTED]> escribió:
>
> No entiendo muy bien la complicación. Esto a mi me funciona perfectamente:
>
> http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
> http://www.w3.org/1999/xhtml";>
>
>
> Untitled Document
>
>
> #contenido .menu {
> margin:0;
> padding:0;
> width:267px;
> float:left;
> /*text-align: left;*/
> }
>
> #contenido .menu ul {
> list-style:none;
> margin:0;
> padding:0;
> /*float:left;*/
> }
>
> #contenido .menu li {
> background:url(../images/home/linea_menu.gif) no-repeat bottom left;
> border-bottom:1px solid #CCC;
> }
>
> #contenido .menu li a {
> text-decoration:none;
> display:block;
> padding:5px 0 5px 25px;
> margin:0;
> }
> #contenido .menu li a:hover {
>background:#EEE;
>color:#333;
> }
>
>
>
>
>
>
>
>Link 1
>Link 2
>Link 3
>Link 4
>Link 5
>Link 6
>
>
>
>
>
>
> ---
>
> 2008/7/3 Jose Avia <[EMAIL PROTECTED]>:
>
> > Uy, perdon por las mayusculas, alguien sabe por que puede ser esto?, por
> > que
> > no hay paddings por ningun lado :S
> >
> > El día 3 de julio de 2008 13:58, Jose Avia <[EMAIL PROTECTED]>
> escribió:
> >
> > > Mmmm perfecto no, si tiene contenido debajo, (como es el caso), CUANDO
> > HAGO
> > > HOVER LO BAJA 20 PIXELES.
> > >
> > > ¿Por que puede ser?
> > >
> > > Saludos!
> > >
> > >
> > > El día 3/07/08, Jose Avia <[EMAIL PROTECTED]> escribió:
> > >
> > >> Perfecto, lo he puesto con un height, y para centrarlo le he dado
> > >> line-height, et voila.
> > >>
> > >> Gracias!
> > >>
> > >>
> > >> El día 3/07/08, Norter <[EMAIL PROTECTED]> escribió:
> > >>>
> > >>> Perdona, o al li, al ul...
> > >>>
> > >>> -Mensaje original-
> > >>> De: [EMAIL PROTECTED] [mailto:
> > >>> [EMAIL PROTECTED]
> > >>> En nombre de Norter
> > >>> Enviado el: jueves, 03 de julio de 2008 1:29
> > >>> Para: 'Ovillo, la lista de CSS en castellano'
> > >>> Asunto: Re: [Ovillo] Fwd: Duda menu
> > >>>
> > >>> No metas padding, sino height al a o al ul(según lo plantees)... y te
> > >>> aseguras de que quede bien...
> > >>>
> > >>> -Mensaje original-
> > >>> De: [EMAIL PROTECTED] [mailto:
> > >>> [EMAIL PROTECTED]
> > >>> En nombre de Jose Avia
> > >>> Enviado el: jueves, 03 de julio de 2008 0:45
> > >>> Para: Ovillo, la lista de CSS en castellano
> > >>> Asunto: [Ovillo] Fwd: Duda menu
> > >>>
> > >>> Por si no llegaron las imagenes
> > >>> http://img68.imageshack.us/my.php?image=ejemplosgh7.gif
> > >>>
> > >>> -- Forwarded message --
> > >>> From: Jose Avia <[EMAIL PROTECTED]>
> > >>> Date: 03-jul-2008 0:26
> > >>> Subject: Duda menu
> > >>> To: "Ovillo, la lista de CSS en castellano" >
> > >>>
> > >>>
> > >>> Buena nose.
> > >>>
> > >>> Tengo este código para un menu:
> > >>>
> > >>>
> > >>> #contenido .menu{
> > >>> margin: 0px;
> > >>> padding: 0px;
> > >>> width: 267px;
> > >>> float: left;
> > >>> text-align: left;
> > >>> }
> > >>>
> > >>> #contenido .menu ul{
> > >>> list-style-type: none;
> > >>> padding:0px;
> > >>> width: 267px;
> > >>> margin: 0px;
> > >>> float: left;
> > >>> }
> > >>>
> > >>> #contenido .menu li{
> > >>> background-image:url(../images/home/linea_menu.gif);
> > >>> background-position:bottom;
> > >>> background-repeat:no-repeat;
> > >>> padding: 5px 0px 5px 45px;
&
Re: [Ovillo] Fwd: Duda menu
No entiendo muy bien la complicación. Esto a mi me funciona perfectamente:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
http://www.w3.org/1999/xhtml";>
Untitled Document
#contenido .menu {
margin:0;
padding:0;
width:267px;
float:left;
/*text-align: left;*/
}
#contenido .menu ul {
list-style:none;
margin:0;
padding:0;
/*float:left;*/
}
#contenido .menu li {
background:url(../images/home/linea_menu.gif) no-repeat bottom left;
border-bottom:1px solid #CCC;
}
#contenido .menu li a {
text-decoration:none;
display:block;
padding:5px 0 5px 25px;
margin:0;
}
#contenido .menu li a:hover {
background:#EEE;
color:#333;
}
Link 1
Link 2
Link 3
Link 4
Link 5
Link 6
---
2008/7/3 Jose Avia <[EMAIL PROTECTED]>:
> Uy, perdon por las mayusculas, alguien sabe por que puede ser esto?, por
> que
> no hay paddings por ningun lado :S
>
> El día 3 de julio de 2008 13:58, Jose Avia <[EMAIL PROTECTED]> escribió:
>
> > Mmmm perfecto no, si tiene contenido debajo, (como es el caso), CUANDO
> HAGO
> > HOVER LO BAJA 20 PIXELES.
> >
> > ¿Por que puede ser?
> >
> > Saludos!
> >
> >
> > El día 3/07/08, Jose Avia <[EMAIL PROTECTED]> escribió:
> >
> >> Perfecto, lo he puesto con un height, y para centrarlo le he dado
> >> line-height, et voila.
> >>
> >> Gracias!
> >>
> >>
> >> El día 3/07/08, Norter <[EMAIL PROTECTED]> escribió:
> >>>
> >>> Perdona, o al li, al ul...
> >>>
> >>> -Mensaje original-
> >>> De: [EMAIL PROTECTED] [mailto:
> >>> [EMAIL PROTECTED]
> >>> En nombre de Norter
> >>> Enviado el: jueves, 03 de julio de 2008 1:29
> >>> Para: 'Ovillo, la lista de CSS en castellano'
> >>> Asunto: Re: [Ovillo] Fwd: Duda menu
> >>>
> >>> No metas padding, sino height al a o al ul(según lo plantees)... y te
> >>> aseguras de que quede bien...
> >>>
> >>> -Mensaje original-
> >>> De: [EMAIL PROTECTED] [mailto:
> >>> [EMAIL PROTECTED]
> >>> En nombre de Jose Avia
> >>> Enviado el: jueves, 03 de julio de 2008 0:45
> >>> Para: Ovillo, la lista de CSS en castellano
> >>> Asunto: [Ovillo] Fwd: Duda menu
> >>>
> >>> Por si no llegaron las imagenes
> >>> http://img68.imageshack.us/my.php?image=ejemplosgh7.gif
> >>>
> >>> -- Forwarded message --
> >>> From: Jose Avia <[EMAIL PROTECTED]>
> >>> Date: 03-jul-2008 0:26
> >>> Subject: Duda menu
> >>> To: "Ovillo, la lista de CSS en castellano"
> >>>
> >>>
> >>> Buena nose.
> >>>
> >>> Tengo este código para un menu:
> >>>
> >>>
> >>> #contenido .menu{
> >>> margin: 0px;
> >>> padding: 0px;
> >>> width: 267px;
> >>> float: left;
> >>> text-align: left;
> >>> }
> >>>
> >>> #contenido .menu ul{
> >>> list-style-type: none;
> >>> padding:0px;
> >>> width: 267px;
> >>> margin: 0px;
> >>> float: left;
> >>> }
> >>>
> >>> #contenido .menu li{
> >>> background-image:url(../images/home/linea_menu.gif);
> >>> background-position:bottom;
> >>> background-repeat:no-repeat;
> >>> padding: 5px 0px 5px 45px;
> >>> }
> >>>
> >>> #contenido .menu li a{
> >>> text-decoration: none;
> >>> padding: 0px 0px 0px 15px;
> >>> }
> >>>
> >>> Este menu me genera la imagen ejemplo.gif
> >>>
> >>> Pero yo lo que quiero es que quede como en ejemplo2.gif
> >>>
> >>> y nolo consigo por que si en:
> >>>
> >>> #contenido .menu li a{
> >>> text-decoration: none;
> >>> padding: 0px 0px 0px 15px;
> >>> }
> >>>
> >>> pongo:
> >>>
> >>> #contenido .menu li a{
> >>> text-decoration: none;
> >>> padding: 5px 0px 5px 15px;
> >>> }
> >>>
> >>> me queda como en ejemplo 3, es decir, me pega ahi un bote por que le
> >>> aplica
> >>> el paddig aparte.
>
Re: [Ovillo] Fwd: Duda menu
Uy, perdon por las mayusculas, alguien sabe por que puede ser esto?, por que
no hay paddings por ningun lado :S
El día 3 de julio de 2008 13:58, Jose Avia <[EMAIL PROTECTED]> escribió:
> Mmmm perfecto no, si tiene contenido debajo, (como es el caso), CUANDO HAGO
> HOVER LO BAJA 20 PIXELES.
>
> ¿Por que puede ser?
>
> Saludos!
>
>
> El día 3/07/08, Jose Avia <[EMAIL PROTECTED]> escribió:
>
>> Perfecto, lo he puesto con un height, y para centrarlo le he dado
>> line-height, et voila.
>>
>> Gracias!
>>
>>
>> El día 3/07/08, Norter <[EMAIL PROTECTED]> escribió:
>>>
>>> Perdona, o al li, al ul...
>>>
>>> -Mensaje original-
>>> De: [EMAIL PROTECTED] [mailto:
>>> [EMAIL PROTECTED]
>>> En nombre de Norter
>>> Enviado el: jueves, 03 de julio de 2008 1:29
>>> Para: 'Ovillo, la lista de CSS en castellano'
>>> Asunto: Re: [Ovillo] Fwd: Duda menu
>>>
>>> No metas padding, sino height al a o al ul(según lo plantees)... y te
>>> aseguras de que quede bien...
>>>
>>> -----Mensaje original-
>>> De: [EMAIL PROTECTED] [mailto:
>>> [EMAIL PROTECTED]
>>> En nombre de Jose Avia
>>> Enviado el: jueves, 03 de julio de 2008 0:45
>>> Para: Ovillo, la lista de CSS en castellano
>>> Asunto: [Ovillo] Fwd: Duda menu
>>>
>>> Por si no llegaron las imagenes
>>> http://img68.imageshack.us/my.php?image=ejemplosgh7.gif
>>>
>>> -- Forwarded message --
>>> From: Jose Avia <[EMAIL PROTECTED]>
>>> Date: 03-jul-2008 0:26
>>> Subject: Duda menu
>>> To: "Ovillo, la lista de CSS en castellano"
>>>
>>>
>>> Buena nose.
>>>
>>> Tengo este código para un menu:
>>>
>>>
>>> #contenido .menu{
>>> margin: 0px;
>>> padding: 0px;
>>> width: 267px;
>>> float: left;
>>> text-align: left;
>>> }
>>>
>>> #contenido .menu ul{
>>> list-style-type: none;
>>> padding:0px;
>>> width: 267px;
>>> margin: 0px;
>>> float: left;
>>> }
>>>
>>> #contenido .menu li{
>>> background-image:url(../images/home/linea_menu.gif);
>>> background-position:bottom;
>>> background-repeat:no-repeat;
>>> padding: 5px 0px 5px 45px;
>>> }
>>>
>>> #contenido .menu li a{
>>> text-decoration: none;
>>> padding: 0px 0px 0px 15px;
>>> }
>>>
>>> Este menu me genera la imagen ejemplo.gif
>>>
>>> Pero yo lo que quiero es que quede como en ejemplo2.gif
>>>
>>> y nolo consigo por que si en:
>>>
>>> #contenido .menu li a{
>>> text-decoration: none;
>>> padding: 0px 0px 0px 15px;
>>> }
>>>
>>> pongo:
>>>
>>> #contenido .menu li a{
>>> text-decoration: none;
>>> padding: 5px 0px 5px 15px;
>>> }
>>>
>>> me queda como en ejemplo 3, es decir, me pega ahi un bote por que le
>>> aplica
>>> el paddig aparte.
>>>
>>>
>>>
>>> ¿Como puedo solucionarlo?
>>>
>>>
>>>
>>> (He intentado ser lo mas claro posible).
>>>
>>>
>>>
>>> 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
Re: [Ovillo] Fwd: Duda menu
Mmmm perfecto no, si tiene contenido debajo, (como es el caso), CUANDO HAGO
HOVER LO BAJA 20 PIXELES.
¿Por que puede ser?
Saludos!
El día 3/07/08, Jose Avia <[EMAIL PROTECTED]> escribió:
>
> Perfecto, lo he puesto con un height, y para centrarlo le he dado
> line-height, et voila.
>
> Gracias!
>
>
> El día 3/07/08, Norter <[EMAIL PROTECTED]> escribió:
>>
>> Perdona, o al li, al ul...
>>
>> -Mensaje original-
>> De: [EMAIL PROTECTED] [mailto:
>> [EMAIL PROTECTED]
>> En nombre de Norter
>> Enviado el: jueves, 03 de julio de 2008 1:29
>> Para: 'Ovillo, la lista de CSS en castellano'
>> Asunto: Re: [Ovillo] Fwd: Duda menu
>>
>> No metas padding, sino height al a o al ul(según lo plantees)... y te
>> aseguras de que quede bien...
>>
>> -Mensaje original-
>> De: [EMAIL PROTECTED] [mailto:
>> [EMAIL PROTECTED]
>> En nombre de Jose Avia
>> Enviado el: jueves, 03 de julio de 2008 0:45
>> Para: Ovillo, la lista de CSS en castellano
>> Asunto: [Ovillo] Fwd: Duda menu
>>
>> Por si no llegaron las imagenes
>> http://img68.imageshack.us/my.php?image=ejemplosgh7.gif
>>
>> -- Forwarded message --
>> From: Jose Avia <[EMAIL PROTECTED]>
>> Date: 03-jul-2008 0:26
>> Subject: Duda menu
>> To: "Ovillo, la lista de CSS en castellano"
>>
>>
>> Buena nose.
>>
>> Tengo este código para un menu:
>>
>>
>> #contenido .menu{
>> margin: 0px;
>> padding: 0px;
>> width: 267px;
>> float: left;
>> text-align: left;
>> }
>>
>> #contenido .menu ul{
>> list-style-type: none;
>> padding:0px;
>> width: 267px;
>> margin: 0px;
>> float: left;
>> }
>>
>> #contenido .menu li{
>> background-image:url(../images/home/linea_menu.gif);
>> background-position:bottom;
>> background-repeat:no-repeat;
>> padding: 5px 0px 5px 45px;
>> }
>>
>> #contenido .menu li a{
>> text-decoration: none;
>> padding: 0px 0px 0px 15px;
>> }
>>
>> Este menu me genera la imagen ejemplo.gif
>>
>> Pero yo lo que quiero es que quede como en ejemplo2.gif
>>
>> y nolo consigo por que si en:
>>
>> #contenido .menu li a{
>> text-decoration: none;
>> padding: 0px 0px 0px 15px;
>> }
>>
>> pongo:
>>
>> #contenido .menu li a{
>> text-decoration: none;
>> padding: 5px 0px 5px 15px;
>> }
>>
>> me queda como en ejemplo 3, es decir, me pega ahi un bote por que le
>> aplica
>> el paddig aparte.
>>
>>
>>
>> ¿Como puedo solucionarlo?
>>
>>
>>
>> (He intentado ser lo mas claro posible).
>>
>>
>>
>> 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
Re: [Ovillo] Fwd: Duda menu
Perfecto, lo he puesto con un height, y para centrarlo le he dado
line-height, et voila.
Gracias!
El día 3/07/08, Norter <[EMAIL PROTECTED]> escribió:
>
> Perdona, o al li, al ul...
>
> -Mensaje original-
> De: [EMAIL PROTECTED] [mailto:
> [EMAIL PROTECTED]
> En nombre de Norter
> Enviado el: jueves, 03 de julio de 2008 1:29
> Para: 'Ovillo, la lista de CSS en castellano'
> Asunto: Re: [Ovillo] Fwd: Duda menu
>
> No metas padding, sino height al a o al ul(según lo plantees)... y te
> aseguras de que quede bien...
>
> -Mensaje original-
> De: [EMAIL PROTECTED] [mailto:
> [EMAIL PROTECTED]
> En nombre de Jose Avia
> Enviado el: jueves, 03 de julio de 2008 0:45
> Para: Ovillo, la lista de CSS en castellano
> Asunto: [Ovillo] Fwd: Duda menu
>
> Por si no llegaron las imagenes
> http://img68.imageshack.us/my.php?image=ejemplosgh7.gif
>
> -- Forwarded message --
> From: Jose Avia <[EMAIL PROTECTED]>
> Date: 03-jul-2008 0:26
> Subject: Duda menu
> To: "Ovillo, la lista de CSS en castellano"
>
>
> Buena nose.
>
> Tengo este código para un menu:
>
>
> #contenido .menu{
> margin: 0px;
> padding: 0px;
> width: 267px;
> float: left;
> text-align: left;
> }
>
> #contenido .menu ul{
> list-style-type: none;
> padding:0px;
> width: 267px;
> margin: 0px;
> float: left;
> }
>
> #contenido .menu li{
> background-image:url(../images/home/linea_menu.gif);
> background-position:bottom;
> background-repeat:no-repeat;
> padding: 5px 0px 5px 45px;
> }
>
> #contenido .menu li a{
> text-decoration: none;
> padding: 0px 0px 0px 15px;
> }
>
> Este menu me genera la imagen ejemplo.gif
>
> Pero yo lo que quiero es que quede como en ejemplo2.gif
>
> y nolo consigo por que si en:
>
> #contenido .menu li a{
> text-decoration: none;
> padding: 0px 0px 0px 15px;
> }
>
> pongo:
>
> #contenido .menu li a{
> text-decoration: none;
> padding: 5px 0px 5px 15px;
> }
>
> me queda como en ejemplo 3, es decir, me pega ahi un bote por que le aplica
> el paddig aparte.
>
>
>
> ¿Como puedo solucionarlo?
>
>
>
> (He intentado ser lo mas claro posible).
>
>
>
> 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
Re: [Ovillo] Fwd: Duda menu
Perdona, o al li, al ul...
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Norter
Enviado el: jueves, 03 de julio de 2008 1:29
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Fwd: Duda menu
No metas padding, sino height al a o al ul(según lo plantees)... y te
aseguras de que quede bien...
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Jose Avia
Enviado el: jueves, 03 de julio de 2008 0:45
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Fwd: Duda menu
Por si no llegaron las imagenes
http://img68.imageshack.us/my.php?image=ejemplosgh7.gif
-- Forwarded message --
From: Jose Avia <[EMAIL PROTECTED]>
Date: 03-jul-2008 0:26
Subject: Duda menu
To: "Ovillo, la lista de CSS en castellano"
Buena nose.
Tengo este código para un menu:
#contenido .menu{
margin: 0px;
padding: 0px;
width: 267px;
float: left;
text-align: left;
}
#contenido .menu ul{
list-style-type: none;
padding:0px;
width: 267px;
margin: 0px;
float: left;
}
#contenido .menu li{
background-image:url(../images/home/linea_menu.gif);
background-position:bottom;
background-repeat:no-repeat;
padding: 5px 0px 5px 45px;
}
#contenido .menu li a{
text-decoration: none;
padding: 0px 0px 0px 15px;
}
Este menu me genera la imagen ejemplo.gif
Pero yo lo que quiero es que quede como en ejemplo2.gif
y nolo consigo por que si en:
#contenido .menu li a{
text-decoration: none;
padding: 0px 0px 0px 15px;
}
pongo:
#contenido .menu li a{
text-decoration: none;
padding: 5px 0px 5px 15px;
}
me queda como en ejemplo 3, es decir, me pega ahi un bote por que le aplica
el paddig aparte.
¿Como puedo solucionarlo?
(He intentado ser lo mas claro posible).
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
Re: [Ovillo] Fwd: Duda menu
No metas padding, sino height al a o al ul(según lo plantees)... y te
aseguras de que quede bien...
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Jose Avia
Enviado el: jueves, 03 de julio de 2008 0:45
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Fwd: Duda menu
Por si no llegaron las imagenes
http://img68.imageshack.us/my.php?image=ejemplosgh7.gif
-- Forwarded message --
From: Jose Avia <[EMAIL PROTECTED]>
Date: 03-jul-2008 0:26
Subject: Duda menu
To: "Ovillo, la lista de CSS en castellano"
Buena nose.
Tengo este código para un menu:
#contenido .menu{
margin: 0px;
padding: 0px;
width: 267px;
float: left;
text-align: left;
}
#contenido .menu ul{
list-style-type: none;
padding:0px;
width: 267px;
margin: 0px;
float: left;
}
#contenido .menu li{
background-image:url(../images/home/linea_menu.gif);
background-position:bottom;
background-repeat:no-repeat;
padding: 5px 0px 5px 45px;
}
#contenido .menu li a{
text-decoration: none;
padding: 0px 0px 0px 15px;
}
Este menu me genera la imagen ejemplo.gif
Pero yo lo que quiero es que quede como en ejemplo2.gif
y nolo consigo por que si en:
#contenido .menu li a{
text-decoration: none;
padding: 0px 0px 0px 15px;
}
pongo:
#contenido .menu li a{
text-decoration: none;
padding: 5px 0px 5px 15px;
}
me queda como en ejemplo 3, es decir, me pega ahi un bote por que le aplica
el paddig aparte.
¿Como puedo solucionarlo?
(He intentado ser lo mas claro posible).
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
[Ovillo] Fwd: Duda menu
Por si no llegaron las imagenes
http://img68.imageshack.us/my.php?image=ejemplosgh7.gif
-- Forwarded message --
From: Jose Avia <[EMAIL PROTECTED]>
Date: 03-jul-2008 0:26
Subject: Duda menu
To: "Ovillo, la lista de CSS en castellano"
Buena nose.
Tengo este código para un menu:
#contenido .menu{
margin: 0px;
padding: 0px;
width: 267px;
float: left;
text-align: left;
}
#contenido .menu ul{
list-style-type: none;
padding:0px;
width: 267px;
margin: 0px;
float: left;
}
#contenido .menu li{
background-image:url(../images/home/linea_menu.gif);
background-position:bottom;
background-repeat:no-repeat;
padding: 5px 0px 5px 45px;
}
#contenido .menu li a{
text-decoration: none;
padding: 0px 0px 0px 15px;
}
Este menu me genera la imagen ejemplo.gif
Pero yo lo que quiero es que quede como en ejemplo2.gif
y nolo consigo por que si en:
#contenido .menu li a{
text-decoration: none;
padding: 0px 0px 0px 15px;
}
pongo:
#contenido .menu li a{
text-decoration: none;
padding: 5px 0px 5px 15px;
}
me queda como en ejemplo 3, es decir, me pega ahi un bote por que le aplica
el paddig aparte.
¿Como puedo solucionarlo?
(He intentado ser lo mas claro posible).
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
