Al clickear en una imagen, salga un cuadro informativo [CSS?]

[‭lipman]

Ya pregunté hace tiempo cómo conseguir que salga un cuadro informativo (mediante CSS) para que al pasar el ratón por encima de algo saliese, como en esta web: http://cssglobe.com/articles/link_tech/01.html

Lo que busco ahora es que aparezca al clickear encima.

Probé con CSS usando la propiedad "active", pero lo único que consigo es que me salga mientras está clickeado. Osea que al clickear normal aparece y desaparece, y yo lo que busco es que se mantenga.

Un saludo!

[Nakp]

me temo que no obtendras mas tendras que recurrir a javascript

[peib0l]

por qeu no pruebas con a:hover ???

Código [Seleccionar] Expandir

a{
z-index:10;
}
a:hover{
position:relative;
z-index:100;
}
a span{
display:none;
}
a:hover span{
display:block;
position:absolute;
float:left;
white-space:nowrap;
top:-2.2em;
left:.5em;
background:#fffcd1;
border:1px solid #444;
color:#444;
padding:1px 5px;
z-index:10;
}

Código [Seleccionar] Expandir

... dapibus. In <a href="#">Roll over here <span>Pure Css Tooltip</span></a>, mollis vel ...

[‭lipman]

Gracias por responder >.>

Con hover no puedo, porque quiero que se mantenga el recuadro a pesar de no tener el ratón encima de la imagen. Lo que haré será lo siguiente:

Al clickear la imagen salta un evento -> Con javascript cambio la propiedad del display, de none a block, et voilá.

Un saludo!

[peib0l]

entonces aqui tengo la solucion, bueno lo tendras  que adaptar pero creo que es lo que necesitas

http://www.elwebmaster.com/articulos/crea-atractivo-panel-vertical-con-jquery-y-css3-en-3-pasos

[‭lipman]

Muchas gracias peib0l :3 ya lo tengo solucionado

Gracias de nuevo !! ^^