Ver Mensaje Individual
  #11 (permalink)  
Antiguo 01/06/2011, 17:31
Avatar de ArturoGallegos
ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: ¿Cómo colocar una imagen de fondo utilizando CSS?

no nada de repeat por el tipo de imagen que deseas utilizar no tienes la flexibilidad de tamaño, necesitas colocar la imagen en cada <li> por ejemplo:

Código CSS:
Ver original
  1. #Menu li{display:block;float:left;width:123px;height:38px;font:13px arial;line-height:38px;text-align:center;background:#03f url(imagen.png) no-repeat;}
Código HTML:
Ver original
  1. <ul id="Menu">
  2.     <li>Boton 1</li>
  3.     <li>Boton 2</li>
  4.     <li>Boton 3</li>
  5. </ul>

Nota: para mostrar los elementos en linea yo use display:block y float:left para poderles dar el alto y ancho del botón requeridos... hay otros casos donde se puede usar y/o ser mas conveniente usar display:inline pero ambos son validos

te recomiendo pases a http://librosweb.es y le des una repasada a los 3 libros de la parte inferior sobre html y css