[Ovillo] Un DIV sobre otro y luego oculto

Mar Sep 12 19:06:56 UTC 2006

Hola Reynier, supongo que segundo email que te escribí aclara la mayoría 
de las dudas que planteás aquí, de todas formas te contesto algunos 
párrafos.

Reynier Perez Mira wrote:
> ¿Y no es lo mismo poniéndole un ID a cada DIV? Porque no veo la diferencia entre esto:
> <div class="resumen_proyecto auto" >&nbsp;</div>
> Y esto:
> <div class="resumen_proyecto" id="auto" >&nbsp;</div>
> A no ser que si le pongo el ID no lo podré repetir otra vez (eso no importa porque solo se pondrá una vez, o sea, cada DIV es único)
>
>   
>> Fijate que estoy usando multiples clases en cada elemento. Creo que
>> refleja mejor el contenido que tenés: "quirurgico" o "juego" son tipos
>> distintos (léase clases) de elementos similares.
>>     
>
> ¿Donde me puedo mojar en el tema? ¿Qué diferencia hay en el uso de clases y/o ID's?
>   

El efecto visual puede ser el mismo, pero conceptualmente es diferente. 
Si interpreto bien tu intención, a vos no te interesa tanto identificar 
el "nodo", sino a la clase, al tipo del nodo. Fijate en las palabras que 
estás utilizando: "teorico", "tiro", "quirurgico", "juego", ... no 
parecen ser descripciones de la estructura del HTML sino más bien una 
característica del contenido que encierran. Además, por qué hacer que 
sólo un nodo pueda llamarse "teorico" si quizás esa sea una 
característica aplicable a más de una parte del contenido? En el CSS 
podrías tener definiciones diferentes para div.teorico y h4.teorico o, 
como te proponía, determinar la apariencia de los nodos a partir de su 
ancestro común (.teorico div, .teorico h4).

>   
>> Por otra parte, es muy probable que el div sea completamente
>> innecesario. Se te ocurrió una estructura así?:
>> <body class="teorico"> <!-- puede ser un div también -->
>> <h1>Simulador de conducción</h1>
>> ...
>> </body>
>>     
>
> Pues no se me había ocurrido pero creo que aquí como que me quedé un poco perdido, ¿me podrías explicar un poco mejor? Hasta donde tengo entendido la página solo puede tener un solo BODY ¿o no?
>   
Seguramente estás perdido porque no leíste (al menos antes de escribir 
esto) el email que te mandé a continuación del que respondiste. El 
ejemplo suponía que sólo te interesaba ocultar un H1, por lo tanto el 
div era innecesario.
De ahí que haya aclarado que la clase que le apliqué a BODY podría 
aplicarsele también a un DIV.

>> Esta es la respuesta que buscabas (pregunta equivocada?):
>> Te olvidaste de declarar el tipo de posicionamiento: position: absolute.
>>     
>
> Creo que si, es eso lo que olvide
>   
Ahora estoy más convencido de que es un error usar position absolute. 
Como te dije, te conviene usar position:static y display:hidden para no 
tener que reservar el espacio que utilizaría.

No sé qué herramientas te da script.aculo.us, pero para cambiar la clase 
de un elemento podés usar jquery (jquery.com).

Saludos,
Pablo