background image

[Farothx]

Hola
yo se que mi duda es muy basica pero no logro encontrar la forma de corregir esto:

estoy haciendo un menu de nagevacion con 4 secciones y cada seccion tiene un icono en el texto en la cada elemento de lista
el problema es que la imagen me queda en la misma posicion que el texto. como hago para posicionar esa imagen ARRIBA del texto para que no se solape?
perdon por la duda tan basica pero estoy buscandi en el manual de css y no encuentro como :/

[pzin]

Puedes usar background-position y posiblemente darle un top-padding (para crear la sangría suficiente para que la imagen salga por encima).

[luisgzafra]

background-position: 0px 0px, aunque creo que un padding-top: Xpx no te venía mal.

Por ej, haz <div id="item"><img> <span>Texto.</span> </div> y posiciona diferente #item, #item span y #item img

Si no te sirvió, es que no comprendí tu pregunta, por lo que te agradecería que pusieras un ejemplo

Saludos!

[Farothx]

[URL="http://imageshack.us/photo/my-images/69/capturadepantalla201209g.png/"]http://imageshack.us/photo/my-images/69/capturadepantalla201209g.png/[/URL]
[URL="http://imageshack.us/photo/my-images/827/capturadepantalla201209y.png/"]http://imageshack.us/photo/my-images/827/capturadepantalla201209y.png/[/URL]

el primero es como me queda y el segundo es como lo quiero


el codigo va mas o menos asi:


#boton1 {
list-style-type:none;
margin:0px;padding:0px;
background: url(images/boton1.png);
padding-top: 0px;
height: 120px;
width: 130px;

}