Imprimir Página - Al clickear en una imagen, salga un cuadro informativo [CSS?]

Título: Al clickear en una imagen, salga un cuadro informativo [CSS?]
Publicado por: ‭lipman en 27 Julio 2010, 11:19 am

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!

Título: Re: Al clickear en una imagen, salga un cuadro informativo [CSS?]
Publicado por: Nakp en 27 Julio 2010, 17:55 pm

me temo que no obtendras mas :-\ tendras que recurrir a javascript

Título: Re: Al clickear en una imagen, salga un cuadro informativo [CSS?]
Publicado por: peib0l en 28 Julio 2010, 09:52 am

por qeu no pruebas con a:hover ???

Código:

	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:

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

Título: Re: Al clickear en una imagen, salga un cuadro informativo [CSS?]
Publicado por: ‭lipman en 28 Julio 2010, 11:04 am

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!

Título: Re: Al clickear en una imagen, salga un cuadro informativo [CSS?]
Publicado por: peib0l en 28 Julio 2010, 15:12 pm

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

Título: Re: Al clickear en una imagen, salga un cuadro informativo [CSS?]
Publicado por: ‭lipman en 29 Julio 2010, 15:37 pm

Muchas gracias peib0l :3 ya lo tengo solucionado

Gracias de nuevo !! ^^

Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: ‭lipman en 27 Julio 2010, 11:19 am