Quer�a usar s�lo la imagen de la flecha, darle con css el color de fondo y
demas.

Un saludo.

-----Mensaje original-----
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de kemie guaida
Enviado el: jueves, 17 de marzo de 2005 20:27
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Caja de men� desbordada.

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 [email protected]
>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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n:
http://ovillo.org/mailman/listinfo/ovillo

_______________________________________________
Lista de distribuci�n Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a