Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] Poner imagen como fondo

Estas en el tema de Poner imagen como fondo en el foro de HTML en Foros del Web. Hola A veces es útil , poder poner imágenes como fondo , para poder personalizar , por ejemplo botones Aquí os comparto el código <a ...
  #1 (permalink)  
Antiguo 23/03/2015, 11:07
 
Fecha de Ingreso: noviembre-2014
Mensajes: 22
Antigüedad: 10 años
Puntos: 0
Poner imagen como fondo

Hola

A veces es útil , poder poner imágenes como fondo , para poder personalizar , por ejemplo botones

Aquí os comparto el código

<a href="javascript:window.close();">
<div class="imagenFondo"><img src="Tu direccion" alt="etc" /><span>Cerrar</span></div></a>

Saludos
  #2 (permalink)  
Antiguo 23/03/2015, 11:13
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 11 años, 2 meses
Puntos: 578
Respuesta: Poner imagen como fondo

No entiendo muy bien tu intención aportiva. ¿Para eso no está CSS?
  #3 (permalink)  
Antiguo 23/03/2015, 12:27
 
Fecha de Ingreso: noviembre-2014
Mensajes: 22
Antigüedad: 10 años
Puntos: 0
Respuesta: Poner imagen como fondo

Perdon se me olvido

.imagenFondo span {
position: absolute;
left: 0;
}

Como css
  #4 (permalink)  
Antiguo 23/03/2015, 12:32
 
Fecha de Ingreso: noviembre-2014
Mensajes: 22
Antigüedad: 10 años
Puntos: 0
Respuesta: Poner imagen como fondo

Cita:
Iniciado por PHPeros Ver Mensaje
No entiendo muy bien tu intención aportiva. ¿Para eso no está [URL="http://librosweb.es/referencia/css/background.html"]CSS[/URL]?

Es cierto que esta CSS , pero con CSS he tenido problemas para poder cambiarle la posición

Saludos
  #5 (permalink)  
Antiguo 23/03/2015, 14:54
Avatar de NueveReinas  
Fecha de Ingreso: septiembre-2013
Ubicación: No tan Buenos Aires
Mensajes: 1.101
Antigüedad: 11 años, 2 meses
Puntos: 145
Respuesta: Poner imagen como fondo

Cita:
Iniciado por reivajmilenium Ver Mensaje
Es cierto que esta CSS , pero con CSS he tenido problemas para poder cambiarle la posición

Saludos
¿Cómo has intentado cambiar la posición?
__________________
¿Te sirvió la respuesta? Deja un +1
  #6 (permalink)  
Antiguo 24/03/2015, 09:46
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Respuesta: Poner imagen como fondo

Y yo sigo sin entender el objetivo de este aporte. ¿Es una pregunta?

Ese left no tiene que ver con la imagen del fondo. Ese left es para posicionar el objeto en si mismo. Tal vez por eso tienes problemas para poner la imagen. El position absolute tampoco tiene sentido.

Tampoco tiene sentido meter un span dentro de un objeto imagen de fondo.

¡En realidad nada de esto tiene sentido!

Como debes de hacerlo es

Código HTML:
Ver original
  1. <a href="LoQueGustes">Mi liga bonita</a>

Código CSS:
Ver original
  1. a {background: url(TuFondo.jpg); /* Listo. No necesitas más */
  2.  
  3. display: block; /* <= esto está para sustituir el extraño div que tienes */
  4. width: si gustas;
  5. height: si gustas;}

Última edición por Rafael; 24/03/2015 a las 09:57

Etiquetas: Ninguno
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 04:32.