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

eltransito · #1 (**permalink**) 15/07/2004, 05:44

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ítulo</title>
<style type="text/css">

</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.

Tximis · #2 (**permalink**) 15/07/2004, 05:53

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.

eltransito · #3 (**permalink**) 15/07/2004, 06:08

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.

amanda75 · #4 (**permalink**) 15/07/2004, 10:44

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