Foros del Web » Creando para Internet » CSS »

No consigo hacer aparecer imagen en boton

Estas en el tema de No consigo hacer aparecer imagen en boton en el foro de CSS en Foros del Web. Pues estoy terminando un formulario y a la hora de encajar una imagen en el submit no me la muestra y por más vuelta que ...
  #1 (permalink)  
Antiguo 24/08/2011, 03:23
 
Fecha de Ingreso: noviembre-2007
Mensajes: 98
Antigüedad: 9 años
Puntos: 0
No consigo hacer aparecer imagen en boton

Pues estoy terminando un formulario y a la hora de encajar una imagen en el submit no me la muestra y por más vuelta que le doy...

<input type="submit" value="" class="contactenos-form-boton"/>

CSS

.contactenos-form-boton a
{
background:url(/imagenes/contactenos-form-boton enviar.png);
width:248px;
height:85px;
margin:20px 0 0 90px;
display:block
}

.contactenos-form-boton a:hover
{
background-position:0 -85px
}
  #2 (permalink)  
Antiguo 24/08/2011, 03:39
Avatar de Batan  
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 408
Antigüedad: 6 años, 2 meses
Puntos: 63
Respuesta: No consigo hacer aparecer imagen en boton

Cita:
.contactenos-form-boton a
No hay ningun enlace en tu boton, por que haces referencia a tal enlace.
Quitaselo.

Saludos
Código CSS:
Ver original
  1. .contactenos-form-boton
  2. {
  3. background:url(/imagenes/contactenos-form-boton enviar.png);
  4. width:248px;
  5. height:85px;
  6. margin:20px 0 0 90px;
  7. display:block
  8. }
  9.  
  10. .contactenos-form-boton:hover
  11. {
  12. background-position:0 -85px
  13. }
  #3 (permalink)  
Antiguo 24/08/2011, 04:31
 
Fecha de Ingreso: noviembre-2007
Mensajes: 98
Antigüedad: 9 años
Puntos: 0
Respuesta: No consigo hacer aparecer imagen en boton

Efectivamente, había un "a" en el css, al principio tenía la idea de poner un enlace pero ahora ya no y se ve que se quedo, de todas formas sigue sin funcionar.
  #4 (permalink)  
Antiguo 24/08/2011, 04:38
Avatar de Batan  
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 408
Antigüedad: 6 años, 2 meses
Puntos: 63
Respuesta: No consigo hacer aparecer imagen en boton

Pureba asi

Cita:
background-image:url(imagenes/contactenos-form-boton enviar.png);
Saludos
  #5 (permalink)  
Antiguo 24/08/2011, 04:57
 
Fecha de Ingreso: noviembre-2007
Mensajes: 98
Antigüedad: 9 años
Puntos: 0
Respuesta: No consigo hacer aparecer imagen en boton

Nada, sigue sin enlazar. Que coño será.
  #6 (permalink)  
Antiguo 24/08/2011, 05:10
Avatar de Batan  
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 408
Antigüedad: 6 años, 2 meses
Puntos: 63
Respuesta: No consigo hacer aparecer imagen en boton

No es problema del código sino fisico, puede que no estes llamando bien a la imagen, verfica que este en la carpeta de la que llamas.
  #7 (permalink)  
Antiguo 24/08/2011, 05:15
 
Fecha de Ingreso: diciembre-2010
Mensajes: 459
Antigüedad: 6 años
Puntos: 21
Respuesta: No consigo hacer aparecer imagen en boton

Verifica a que altura esta,probablemente sea distinta, si tienes el .css en una carpeta css,es decir:
Supongamos que index.css y imagenes estan al mismo nivel:

index.html
css(esto es una carpeta)->archivo.css
imagenes(esto es una carpeta)->contactenos.png

Pues en el .css deberia estar asi creo

background:url(../imagenes/contactenos-form-boton enviar.png);

Saludos

PD:intenta que el nombre del .png no tenag espacios
  #8 (permalink)  
Antiguo 24/08/2011, 05:20
 
Fecha de Ingreso: noviembre-2007
Mensajes: 98
Antigüedad: 9 años
Puntos: 0
Respuesta: No consigo hacer aparecer imagen en boton

está arreglado, cambié el nombre de la llamada al css de .contactenos-form-boton a .button y funciona. Ya veis la tontería, media mañana dando vueltas y se arregla cambiando el nombre, no entiendo nada! XD

Etiquetas: botones, 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:20.