novato necesita ayuda en su primera pagina web

buenas amigos de este foro, les escribo para que por favor me ayuden, ya que necesito
que el cuadro azul que coloque en mi pagina web baje a medida que van revisando la
pagina, he revisado en internet pero el problema es que no se donde y cual es la manera
de colocar el codigo para que funcione como deseo.

el link es:

http://es.geocities.com/dreiko19/teg/indice2.html

espero su ayuda,

atte,

Elvistrops

buenas elvistrops, antes que nada, intenta aislar el problema y poner el codigo que sea necesario DENTRO del post, para que sea más fácil darte una solución. Si puedes ABSTRAER el problema, aún mejor, porque la solución que obtengas la podrás aplicar en otras situaciones...

con respecto a tu cuadro azul, este debería ser un DIV con un estilo CSS que defina position:absolute, top y left...

lo podes hacer de dos formas con CSS o con DOM...
variante CSS:

en el indice2.html

Código :

<div id="miCuadroAzul">
contenido
</div>

vinculado con un archivo CSS como sigue:
estilo.css

Código :

cuadroAzul {
   position: absolute;
   top:0px;
   left:20px;
}

gracias por tu aporte y trate de hacer lo que me indicaste pero no logro realizar
que se desplase amigo y creo que lo que me indicaste del codigo es:

#Layer1 {
position:absolute;
left:49px;
top:0px;
width:254px;
height:627px;
z-index:1;
background-color: #000066;


<div id="Layer1">

<p align="center">&nbsp;</p>
<p align="center"><img src="logo_yacambu.jpg" border="0" width="49" height="68"></p>
<p align="center"><b><font size="4"><a href="indice2.html">Portada</a></font></b></p>
<p align="center"><b><font size="4"><a href="preliminar.html">Preliminar</a></font></b></p>
<p align="center"><b><font size="4"><a href="resumen.html">Resumen</a></font></b></p>
<p align="center"><b><font size="4"><a href="indiceTEG.html">Indice</a></font></b></p>
<p align="center"><b><font size="4"><a href="introduccion.html">Introduccion</a></font></b></p>
<p align="center"><b><font size="4"><a href="capitulo1.html">Capitulo I</a></font></b></p>
<p align="center"><b><font size="4"><a href="capitulo2.html">Capitulo II</a></font></b></p>
<p align="center"><b><font size="4"><a href="capitulo3.html">Capitulo III</a></font></b></p>
<p align="center"><b><font size="4"><a href="capitulo4.html">Capitulo IV</a></font></b></p>
<p align="center"><b><font size="4"><a href="capitulo5.html">Capitulo V</a></font></b></p>
<p align="center"><b><font size="4"><a href="bibliografia.html">Bibliografia</a></font></b></p>
<p align="center"><b><font size="4"><a href="anexos.html">Anexos</a></font></b></p>
<p align="center"><b><font size="4"><a href="indice.html">Principal</a></font></b></p>

</div>

si me pueden ayudar necesito que este layer se desplace asi abajo cuando consulte
la informacion.


atte,

elvis

joarobles escribió:

Eso está mal. Para empezar usas ID, y en el CSS no has puesto el "#" que representa ID.
Y no es "position: absolute;", sino "fixed".

Sigue así:

El Html:

Código HTML :

<div id="cosa">
   aasdfasdfasdfasdfasdfas
</div>

Y el CSS que le corresponde es este:

Código ActionScript :

#cosa {
   position:fixed;
   /* mas lo que quieras */
}

que tal amigo gracias por tu informacion pero no me funciona porq no logro hacer que el layer 1 baje
cuando se consulte la informacion del layer 2, y necesito que el cuadro azul baje.

yo lo coloque asi

El Html:


<div id="Layer1">

<p align="center">&nbsp;</p>
<p align="center"><img src="logo_yacambu.jpg" border="0" width="49" height="68"></p>
<p align="center"><b><font size="4"><a href="indice2.html">Portada</a></font></b></p>
<p align="center"><b><font size="4"><a href="preliminar.html">Preliminar</a></font></b></p>
<p align="center"><b><font size="4"><a href="resumen.html">Resumen</a></font></b></p>
<p align="center"><b><font size="4"><a href="indiceTEG.html">Indice</a></font></b></p>
<p align="center"><b><font size="4"><a href="introduccion.html">Introduccion</a></font></b></p>
<p align="center"><b><font size="4"><a href="capitulo1.html">Capitulo I</a></font></b></p>
<p align="center"><b><font size="4"><a href="capitulo2.html">Capitulo II</a></font></b></p>
<p align="center"><b><font size="4"><a href="capitulo3.html">Capitulo III</a></font></b></p>
<p align="center"><b><font size="4"><a href="capitulo4.html">Capitulo IV</a></font></b></p>
<p align="center"><b><font size="4"><a href="capitulo5.html">Capitulo V</a></font></b></p>
<p align="center"><b><font size="4"><a href="bibliografia.html">Bibliografia</a></font></b></p>
<p align="center"><b><font size="4"><a href="anexos.html">Anexos</a></font></b></p>
<p align="center"><b><font size="4"><a href="indice.html">Principal</a></font></b></p>

</div>

y en el CCS

#Layer1 {
position:absolute;
left:49px;
top:0px;
width:254px;
height:627px;
z-index:1;
background-color: #000066;

Y no funcional se queda y no baja que puedo hacer
como tengo que arreglar el codigo para que funcione.

ayuda, por favor

Repito:

Bleend escribió: