Comunidad de diseño web y desarrollo en internet online

Imagen desplegable flotada a la derecha

Citar            
MensajeEscrito el 31 Jul 2007 10:43 am
Saludos a todos, soy nuevo en el foro y la verdad me parece muy util para los wm que empiezan en con CSS, bastante mas facil y comodo que con tablas... :P
Pero ahora me surje esta duda al montarme mi web:
Me gustaria incorporar una imagen que "asome" en el margen dcha y que se despliegue al pasar el raton, creo que lo mejor es con un menu desplegable de una categoria y una subcategoria o bien con un Spry collapsable Panel, pero con el despliegue horizontal ¿qué me recomiendan?
El problema viene cuando se despliega, al estar flotado a la dcha, se despliega hacia fuera, ¿cómo hago para desplegar hacia dentro del documento?
Como puedo postearles las imagenes para que se hagan una idea?
Muchas gracias por adelantado y enhorabuena por el foro...

Por INdalX

6 de clabLevel



 

firefox
Citar            
MensajeEscrito el 31 Jul 2007 01:14 pm
Usa la etiqueta img del foro así (elimina los espacios

[ img ]aquí va la image que previamente hayas subido a algún host[ / img ]

Por Aoyama

BOFH

6224 de clabLevel

6 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Bastard Operators From Hell

Webdesigner & Developer, en mis ratos libres bebo café por litros.

firefox
Citar            
MensajeEscrito el 31 Jul 2007 05:21 pm
Esta es la imagen en cuestion

Solo se veria la pestña pero al pasar el raton aparece todo el contenido deslizandose hacia la izq.[/img]

Por INdalX

6 de clabLevel



 

firefox
Citar            
MensajeEscrito el 03 Ago 2007 04:05 am
Aqui te puse mi forma de resolverlo. Seguramente haya otras. Espero que te sirva.

Pestaña desplazable

Por gonarin

32 de clabLevel



 

firefox
Citar            
MensajeEscrito el 04 Ago 2007 06:45 am
Se puede lograr usando un poco de javascript. Basicamente se usa el evento mouseover con el div padre del tab, una vez ingresas al div, que agregue un css para mostrar el contenido; se hace el efecto inverso con mouseout.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 06 Ago 2007 11:41 am
gonarin, me ha servido de gran ayuda muchas gracias, es justo lo que queria.
Es que lo mio es el diseño grafico y ahora que estoy empezando con JS me pierdo un poco...
ya me veran por aqui...
Les quedo muy agradecido

Por INdalX

6 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.