Foros del Web » Creando para Internet » CSS »

background image

Estas en el tema de background image en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 09/09/2012, 06:23
 
Fecha de Ingreso: octubre-2010
Mensajes: 45
Antigüedad: 11 años, 6 meses
Puntos: 2
background image

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 :/
  #2 (permalink)  
Antiguo 09/09/2012, 06:27
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.487
Antigüedad: 19 años, 9 meses
Puntos: 2114
Respuesta: background image

Puedes usar background-position y posiblemente darle un top-padding (para crear la sangría suficiente para que la imagen salga por encima).
  #3 (permalink)  
Antiguo 09/09/2012, 07:38
 
Fecha de Ingreso: noviembre-2010
Mensajes: 1.242
Antigüedad: 11 años, 5 meses
Puntos: 73
Respuesta: background image

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!
__________________
:)
  #4 (permalink)  
Antiguo 09/09/2012, 08:30
 
Fecha de Ingreso: octubre-2010
Mensajes: 45
Antigüedad: 11 años, 6 meses
Puntos: 2
Respuesta: background image

[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;

}

Etiquetas: image, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:10.