Elemento de lista con anchura especial.
Publicado por JBoY (2 intervenciones) el 12/06/2009 12:40:40
Buenos días,
Veréis, estoy haciendo una web para el trabajo y me encuentro con que el texto en un elemento de la lista en idioma "Catalán" no cabe correctamente y se va a la siguiente línea, saliéndose del menú.
Mi pregunta es: si he dado un estilo de lista para todo el menú, ¿puedo decirle a un elemento de la lista que sea más ancho que el resto?
Os adjunto la dirección de la web: www.nearware.es (en idiomas elegir "catalan" para ver el error).
Y el código utilizado para el menú:
#arriba li {
display: block;
float: left;
height: 25px;
width: 125px;
}
#arriba li a{
color: #000000;
display: block;
float: left;
height: 27px;
letter-spacing: 2px;
padding: 6px 0;
text-decoration: none;
width: 125px;
}
#arriba li a:hover {
background-image: url(imagenes/menu-on.jpg);
background-repeat: repeat-x;
color: #FFFFFF;
display: block;
}
#arriba ul{
background-image: url(imagenes/menu-off.jpg);
background-repeat: repeat-x;
clear: both;
display: block;
float: left;
height: 28px;
position: relative;
top: 42px;
width: 800px;
}
Gracias de antemano y que tengan un buen día.
Veréis, estoy haciendo una web para el trabajo y me encuentro con que el texto en un elemento de la lista en idioma "Catalán" no cabe correctamente y se va a la siguiente línea, saliéndose del menú.
Mi pregunta es: si he dado un estilo de lista para todo el menú, ¿puedo decirle a un elemento de la lista que sea más ancho que el resto?
Os adjunto la dirección de la web: www.nearware.es (en idiomas elegir "catalan" para ver el error).
Y el código utilizado para el menú:
#arriba li {
display: block;
float: left;
height: 25px;
width: 125px;
}
#arriba li a{
color: #000000;
display: block;
float: left;
height: 27px;
letter-spacing: 2px;
padding: 6px 0;
text-decoration: none;
width: 125px;
}
#arriba li a:hover {
background-image: url(imagenes/menu-on.jpg);
background-repeat: repeat-x;
color: #FFFFFF;
display: block;
}
#arriba ul{
background-image: url(imagenes/menu-off.jpg);
background-repeat: repeat-x;
clear: both;
display: block;
float: left;
height: 28px;
position: relative;
top: 42px;
width: 800px;
}
Gracias de antemano y que tengan un buen día.
Valora esta pregunta


0