mostrar/ocultar capas???

[SuperPinwi]

Hola amigos...

me gustaría saber cómo podría hacer que una capa (un div) por defecto estuviera oculta y pase a mostrarse cuando se pasa el ratón por encima de un elemento determinado.

trabajo con HTML + CSS

perdonad si me he confundido de subforo al escribir el mensaje pero es que no sé cómo se hace jejeje

muchas gracias por vuestra siempre maravillosa ayuda!!

[Rafael]

Más bien es de CSS, o también con JavaScript.
La cosa va más o menos así con CSS.
1) Pon una liga y dentro otro elemento, un span, por ejemplo.

<a href="Bla">Texto de la Liga<span>Contenido oculto</span></a>

Y en tu hoja de estilos:
a span {display: none}
a: hover span {display: block}

De ahí agrégale estilo a tu span.

[SuperPinwi]

gracias amigo!!! lo voy a probar!!!

[caricatos]

Hola:

Un pequeño apunte al código de Rafael...

Al tratarse el span de un elemento inline, debería ponerse en vez de block, inline...

Hay un segundo apunte porque display none también elimina el espacio que ocupa y eso a veces hace que se desajuste el contenido... tal vez interese más el estilo visibility (visible/hidden)

Saludos

[caricatos]

Hola otra vez:

Otro apunte que se me escapaba:

En explorer solo funciona con enlaces y no con capas (como debería), así que para capas, y considerando que funcione en todos los navegadores debería usarse javascript... y siempre dependerá de que el cliente tenga javascript activado (creo que es lo normal)

Saludos

[SuperPinwi]

parece ser q el atributo visibility funciona bien a la hora de ocultarlo jejeje pero ahora no consigo mostrarlo!!

he aquí mi súper código (quiero q se me muestre cuando paso el ratón por encima de la palabra Contacto):

HTML:
<a href="mailto@[email protected]" style="text-decoration:none" class="enlacenav">Contacto </a><br>
<a href="./index.html" class="oculto">Contenido oculto</a></div>


CSS:
A.oculto{
visibility:hidden;
}
A.oculto:HOVER{
visibility: visible;
}

[tunait]

Vamos al foro de javascript

movido desde (x)html

saludos

[JavierB]

Hola SuperPinwi

Mira este enlace:

http://meyerweb.com/eric/css/edge/popups/demo.html

Saludos,