Foros del Web » Creando para Internet » CSS »

No sé que le pasa a este código.

Estas en el tema de No sé que le pasa a este código. en el foro de CSS en Foros del Web. Hola.Estoy tratando de hacer que una imagen cambie al pasar el ratón por encima. Utilizo el siguiente código: <html> <head> <title>Documento sin t&iacute;tulo</title> <style type="text/css"> ...
  #1 (permalink)  
Antiguo 15/07/2004, 06:44
 
Fecha de Ingreso: febrero-2004
Ubicación: Madrid
Mensajes: 65
Antigüedad: 13 años, 10 meses
Puntos: 0
No sé que le pasa a este código.

Hola.Estoy tratando de hacer que una imagen cambie al pasar el ratón por encima. Utilizo el siguiente código:

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
body {margin: 10px; padding: 0; font:10px Verdana, sans-serif;}

ul {
list-style-type: none;
}

.cabecera li {
float: left;
}

.cabecera a {
margin: 0 2px;
width:400px;
height: 200px;
display: block;
border: 0px;
background:url(C:\Documents and Settings\usuario\Mis documentos\bernardos\BERMARDOS 04 054 PUERTA PRINCIAPLA DEL YACIMIENTO.jpg);
}

.cabecera a:hover {
background:url(C:\Documents and Settings\usuario\Mis documentos\bernardos\BERMARDOS 04 054 PUERTA PRINCIAPpastel.jpg);
border: 0px;
}



-->
</style>
</head>

<body>
<div id="menuarriba" style="position:absolute; width:621px; height:57px; z-index:2; left: 185px; top: 259px;">
<ul class="cabecera">
<li><a href=""></a></li>

</ul>
</ul>
</div>

</body>
</html>

El caso es que al hacer la vista previa me funciona con Explorer pero no con Mozilla y pienso que debería funcionar en ambos. De hecho si cambio las url por colores si funciona y juraría que hace algún tiempo lo he hecho con imágenes también.
  #2 (permalink)  
Antiguo 15/07/2004, 06:53
Avatar de Tximis  
Fecha de Ingreso: junio-2004
Ubicación: Bilbao
Mensajes: 328
Antigüedad: 13 años, 6 meses
Puntos: 2
Acostumbrate a usar rutas relativas en vez absolutas para enlazar los objetos.

Cita:
background:url(C:\Documents and Settings\usuario\Mis documentos\bernardos\BERMARDOS 04 054 PUERTA PRINCIAPLA DEL YACIMIENTO.jpg);
Cambialo por algo asi:

Cita:
background: url("imagenes/imagen1.jpeg");
Además, creo que te faltaban las comillas. Un saludo.
  #3 (permalink)  
Antiguo 15/07/2004, 07:08
 
Fecha de Ingreso: febrero-2004
Ubicación: Madrid
Mensajes: 65
Antigüedad: 13 años, 10 meses
Puntos: 0
Gracias por la observación de las comillas, ciertamente las había olvidado, sin embargo el error parece que no está ahí. Lo de la ruta absoluta es simplemente porque desesrado he probado a cambiar de todo(incluso eso) y es el último código que había intentado el que he pegado, pero habitualmente sí las uso relativas. Gracias de nuevo.
  #4 (permalink)  
Antiguo 15/07/2004, 11:44
Avatar de amanda75  
Fecha de Ingreso: junio-2003
Ubicación: cerca, pero no mucho
Mensajes: 684
Antigüedad: 14 años, 6 meses
Puntos: 0
Creo que el fallo está aquí

<ul class="cabecera">
<li><a href=""></a></li>

Ponlo así a ver

<ul >
<li><a href="(la que sea)" class="cabecera"></a></li>

He estado revisando como lo hice yo una vez y creo que tendrás que corregir también las declaraciones del css, seria:

a.cabecera y a.cabecera:hover

Espero que te sirva

Última edición por amanda75; 15/07/2004 a las 16:42
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 19:48.