efecto persiana con div (ayuda)

[DarkEscorpion]

hola cybernautas!
escribo este tema para aver si algien puede ayudarme
estoy intentando acer el efecto persiana con dreanwaver
me sale bien i todo correcto sino fuera pq el texto o contenido despues del div
no se me ajusta ala palabra de arriba es decir que me qeda un hueco inmenso entre texto y texto
qe es el contenido que contiene el div con el efecto persina
para que tengasi una ide es eso que muchas web tiene en sus seccion de FAQ
q le das ala pregunta i te aparece la respuesta con un efecto de persiana
el problemas es q no se me ajusta me qeda el hueco y cuando consigo q se me ajuste una pregunta con la otra al abrir un respuesta esta seme pone encima de la sigiente en vez de correrse acia avajo estado probando poner un css al div pero no encuentro para q salga bien del todo ayudarmeeee gracias y una saludo a todos!

[jomaruro]

Iniciado por DarkEscorpion

hola cybernautas!
escribo este tema para aver si algien puede ayudarme
estoy intentando acer el efecto persiana con dreanwaver
me sale bien i todo correcto sino fuera pq el texto o contenido despues del div
no se me ajusta ala palabra de arriba es decir que me qeda un hueco inmenso entre texto y texto
qe es el contenido que contiene el div con el efecto persina
para que tengasi una ide es eso que muchas web tiene en sus seccion de FAQ
q le das ala pregunta i te aparece la respuesta con un efecto de persiana
el problemas es q no se me ajusta me qeda el hueco y cuando consigo q se me ajuste una pregunta con la otra al abrir un respuesta esta seme pone encima de la sigiente en vez de correrse acia avajo estado probando poner un css al div pero no encuentro para q salga bien del todo ayudarmeeee gracias y una saludo a todos!

¡Anda que te has lucido escribiendo! Y eso sin contar los signos de puntuación. ¿Tu codigo también tiene tantas faltas ortográficas? A lo mejor por eso no te funciona.

Saludos.

[netovs]

Por lo visto esperas una respuesta de programación y no de ortografía:
Checate este código básico:

Código Javascript:

<script language="Javascript"> 
function mostrar(nombreCapa){ 
document.getElementById(nombreCapa).style.visibility="visible"; 
} 
function ocultar(nombreCapa){ 
document.getElementById(nombreCapa).style.visibility="hidden"; 
} 
</script>
 

Cierto, quieres adornarlo aun más utiliza jQuery y .show()

http://api.jquery.com/show/

Código HTML:

<div id="capa1" style="position:absolute;width:100;height:100;top:100;left:100;background-color:blue" onmouseout="ocultar('capa2')" onmouseover="mostrar('capa2')">Capa 1</div> 
<div id="capa2" style="position:absolute;width:100;height:100;top:100;left:200;background-color:red;visibility:hidden">Capa 2</div>
 

[DarkEscorpion]

si JUMARURO ya lose y os pido disculpas seran los nervios! yevo 2 dias intentando dar con el problema y nada de nada..


NETOVS: amigo gracias por los codigos pero me temo que no tengo tanta experiencia como tu en el temas de los codigos. probe de ponerlos en mis divs pero nose si lo ice mal pero me acian cosas raras al previsualizar
supongo que cuando pones CAPAS y NOMBRE DE CAPA en los codigos ba el nombre ID del div no?
para que entendais mi proble os e creado una web para que comprobes loq me pasa os dejo el link

http://ganardolares.ws/AYUDA.html

vereis 3 problemas q me salen aver si podeis decirme como puedo soluccionarlooo
e pensado q si beis el problema en el navegador lo entendereis mejor ademas podreis ver el codigo fuente desde el nevegador i decirme q es loq me dejo

porcierto los codigos javascrip donde se ponen? en el htmel o el los archivos de la crapeta SpryAssets?
un saludo y gracias por buestra paciencia

[netovs]

Ya entiendo, tu caso realmente no es tan complicado... un proverbio dice "da a un amigo un pez y hoy comerá, enseña a pescar y comerá siempre" bueno algo así, lo que quiero decir es que necesitas quemarte un poco mas ese cerebro en las siguientes áreas:

1. Maquetado HTML específicamente en el área de divs
2. repasar CSS (mucho)
3. incursiona más en JavaScript

Y después del sermoneo la ayuda:

1. en la sección style haz los siguientes cambios para cada una de los id (#text1) que serán los que se despliegan:

Código CSS:

#tex1 {
        # overflow: visible;
        visibility: hidden;
        # position: fixed;
        background-color: #ADE;
        display: block;
 
}
 

En la sección que corresponde al código HTML deberá de estar de la siguiente forma para cada caso:

Código HTML:

<ul>
      <li>
        <h4 onclick="MM_effectBlind('tex1', 1000, '0%', '100%', true)">Pregunta 1 </h4>
      </li>
 
        <div id="tex1" onclick="MM_effectBlind('tex1', 1000, '0%', '100%', true)">
            RESPUESTA
            <p>texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto<b$
              texto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto texto<br />
        </div>
 

Y con esos cambios se notará el cambio.

[DarkEscorpion]

hola de nuevo netovs

el codigo de html no esta ma con el back groud en color se be be delante i no se nota tanto
aun que yo lo que queria era que todo el contenido se corriera conforme se abre un div pero bueno
mientras encuentro la forma de acerlo sopungo que mientras me ira bien ese de todas formas segire
buscando por hay aver si encuentro la forma de que se corran no deve ser tan compricao de acer
ya q la mayoria de las web con FAQ lo tienen, gracias portu ayuda colega esto me ira bien para salir del paso un saludo!!!

porcierto estos foros no mandan e-mail cuando algien deja un comentario? jejeje!!