Ver Mensaje Individual
  #7 (permalink)  
Antiguo 02/07/2010, 11:38
ltzcoatl
 
Fecha de Ingreso: febrero-2007
Mensajes: 46
Antigüedad: 17 años, 1 mes
Puntos: 1
Respuesta: boton con css

aaa quieres que los items del menu tengan la imagen y despues el texto del item, algo asi como el boton citar de los mensajes del foro??

puedes usar la propiedad css z-index, cuando un objeto tiene un valor de z-index menor que otro aparece abajo de este, en este caso a la primera tabla tendria un valor por ejemplo de 100 y la segunda tabla, la de las imagenes, un valor de 99 asi la segunda tabla quedaria abajo de la primera. Aunque tendrias que revisar como se comporta en los diferentes navegadores.

la otra es como te dije pones de la imagen de background a tus <a> pero en la regla de estilo de cada item le agregas lo siguiente:

Código CSS:
Ver original
  1. background-repeat: no-repeat; /*para que no repita la imagen*/
  2. background-position: left; /*mueve la imagen al lado que le indiques*/
  3. /*le agrega espacio entre el margen y el texto, lo puedes utilizar para mover el texto y que no quede arriba de la imagen*/
  4. /*si tu imagen tiene 25px de ancho le puedes poner 28 para que quede con un espacio entre imagen  y texto */
  5. padding-left: 24px;

asi el item de tu menu te quedaria la imagen y despues el texto, asi como el boton citar.

te dejo un link con un tutorial de como hacer un menu con css y listas: Menu css con listas

Última edición por ltzcoatl; 02/07/2010 a las 11:50