Porque no simplemente pones la imagen de fondo dentro del div con clase
menu?
saludos
kemie
[EMAIL PROTECTED] wrote:
Hola a todos,
Me estoy iniciando en esto del CSS (por fin voy a hacer páginas bien hechas)
y tengo un problemilla.
Estoy haciendo un menú de cajas horizontales, cada caja lleva el texto de la
opción alineado a la izquierda y una flechita alineada a la derecha, el
problema es que me mete la flecha pero con un enter, con lo que la caja se
desborda, un ejemplo:
---------------------------------------
| 01 Opcion 1 del menu |
| -> |
----------------------------------------
Lo que tengo es un div donde le digo las propiedades del texto, color de
fondo, bordes, a y hover, ... y dento de este he metido otro div con la clase
de la flecha, donde le digo que me la justifique a la derecha, le digo la
imagen como background, ...
En el html tengo algo así:
<div menu>01 <a href>Opcion 1 del menu</a><div flecha></div></div> (esto no
se si es muy correcto)
Y mi codigo css es :
.menu {
height: 22px;
background-color: #FBFCFB;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font: bold;
color: #568AC4;
padding-left: 6px;
padding-top: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #BAB9B9;
}
.menu a {
text-decoration: none;
color: #666766;
font: normal;
}
.menu a:hover {
text-decoration: underline;
color: #666766;
font: normal;
}
.flecha {
float: right;
background-image: url(../fotos/menu/flecha.gif);
background-repeat: no-repeat;
vertical-align: middle;
}
Alguien me puede decir como puedo poner la flecha en la misma línea que mi
texto de menu?
Gracias por adelantado.
_______________________________________________
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://ovillo.org/mailman/listinfo/ovillo
--
...........:| kemie |:...........
.:| www.monolinea.com <http://www.monolinea.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://ovillo.org/mailman/listinfo/ovillo