Foros del Web » Creando para Internet » Diseño web »

sobre trabajar con layers o capas

Estas en el tema de sobre trabajar con layers o capas en el foro de Diseño web en Foros del Web. holaa :) porfa alguien que me pueda decir cómo hago para que una pagina hecha con solo capas me quede con el borde de abajo ...
  #1 (permalink)  
Antiguo 24/09/2009, 17:01
 
Fecha de Ingreso: agosto-2009
Mensajes: 13
Antigüedad: 8 años, 3 meses
Puntos: 0
sobre trabajar con layers o capas

holaa :) porfa alguien que me pueda decir cómo hago para que una pagina hecha con solo capas me quede con el borde de abajo de la pagina coincidiendo con el borde de la pagina del explorador, porque mi pagina despues q termina sigue en el explorador mucho espacio en blanco hacia abajo :( ayuda pooorfaaa
  #2 (permalink)  
Antiguo 26/09/2009, 15:29
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: sobre trabajar con layers o capas

Hola:

Sin ver tu código es muy difícil saber dónde está el error.

Saludos.

  #3 (permalink)  
Antiguo 27/09/2009, 20:55
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: sobre trabajar con layers o capas

Si tu pagina no cubre todo el alto de pantalla, y lo que queres hacer es alinear verticalmente los contenidos, se puede. Se hace con CSS, y calculando el posicionamiento con una ecuacion que podemos conseguir via los buscadores.

Si el caso es que tu web tiene cabecera, centro y pie de pagina, y lo que queres hacer es bajar el pie, entonces dale position: absolute; bottom: 0px
  #4 (permalink)  
Antiguo 14/10/2009, 11:06
 
Fecha de Ingreso: agosto-2009
Mensajes: 13
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: sobre trabajar con layers o capas

gracias mayid :)
  #5 (permalink)  
Antiguo 14/10/2009, 11:57
 
Fecha de Ingreso: agosto-2009
Mensajes: 13
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: sobre trabajar con layers o capas

mayid hice lo ultimo q me dijiste porque lo primero no me sirve, pero sigue igual la pagina, entonces aqui les coloco el codigo basico de la pag, porq no me deja colocarlo todo porq es largo :(

a ver entonces qué puedo hacer para que no salga ese espacio tan grande en blanco cuando termina la pagina abajo, muchas gracias :)

<body onLoad="MM_preloadImages('imagenes/home_clicked2.jpg')">

<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<div id="Layer1" align="center" style="position:absolute; width:750px; height:1200px; z-index:1" ></div>

<div align="center" id="Layer3" style="position:relative; bottom:0px; left:1px; top:5px; width:750px; height:1100px; z-index:3"><img src="imagenes/fondo2.jpg" width="750" height="950"></div>
<div id="Layer4" style="position:relative; left:20px; top:-1050px; width:149px; height:29px; z-index:4"><font color="#990000" size="3" face="Cooper Black"><a class=enlace href="quienes_somos.html">Qui&eacute;nes
Somos?</a></font></div>
<div id="Layer5" style="position:relative; left:22px; top:-1010px; width:167px; height:53px; z-index:5"><font color="#990000" size="3" face="Cooper Black">Revestimientos</font></div>
<div id="Layer6" style="position:relative; left:15px; top:-1090px; width:145px; height:31px; z-index:6"><img src="imagenes/barrita%20horizontal.jpg" width="145" height="2"></div>
<div id="Layer7" style="position:relative; left:15px; top:-1050px; width:145px; height:19px; z-index:7"><img src="imagenes/barrita%20horizontal.jpg" width="145" height="2"></div>
<div id="Layer8" style="position:relative; left:15px; top:-1000px; width:157px; height:47px; z-index:8">
</div>
<div id="Layer9" style="position:relative; left:30px; top:-880px; width:162px; height:58px; z-index:9">
<p><font color="#003366" size="3" face="Cooper Black">&nbsp;<a class=enlace href="solicitud_servicios.html">Solicitud
de</a> &nbsp;&nbsp;&nbsp;<a class=enlace href="solicitud_servicios.html">Servicios</a></font></p>
</div>
<div id="Layer10" style="position:relative; left:33px; top:-850px; width:146px; height:56px; z-index:10"><font color="#990000" size="3" face="Cooper Black"><a class=enlace href="contactenos.html">Cont&aacute;ctenos</a></font></div>
<div id="Layer11" style="position:relative; left:15px; top:-930px; width:159px; height:37px; z-index:11"><img src="imagenes/barrita%20horizontal.jpg" width="145" height="2"></div>
<div id="Layer12" style="position:relative; left:22px; top:-880px; width:130px; height:34px; z-index:12"><img src="imagenes/barrita%20horizontal.jpg" width="130" height="2"></div>

<div id="Layer34" style="position:relative; left:40px; top:-570px; width:690px; height:12px; z-index:34"><img src="imagenes/barrita%20horizontal.jpg" width="690" height="2"></div>
<div id="Layer35" style="position:relative; left:42px; top:-640px; width:122px; height:22px; z-index:35"><font color="#003366" size="2" face="Cooper Black"><a class=enlace href="quienes_somos.html">Qui&eacute;nes
Somos?</a></font></div>
<div id="Layer36" style="position:relative; left:160px; top:-660px; width:119px; height:23px; z-index:36"><font color="#990000" size="2" face="Cooper Black">Revestimientos</font></div>
<div id="Layer37" style="position:relative; left:550px; top:-680px; width:100px; height:46px; z-index:37"><font color="#003366" size="2" face="Cooper Black"><a class=enlace href="solicitud_servicios.html">Solicitud
de</a> &nbsp;&nbsp;&nbsp;<a class=enlace href="solicitud_servicios.html">Servicios</a></font></div>
<div id="Layer38" style="position:relative; left:647px; top:-725px; width:109px; height:35px; z-index:38"><font color="#990000" size="2" face="Cooper Black"><a class=enlace href="contactenos.html">Cont&aacute;ctenos</a></font></div>
<div id="Layer39" style="position:relative; left:40px; top:-780px; width:690px; height:14px; z-index:39"><img src="imagenes/barrita%20horizontal.jpg" width="690" height="2"></div>
<div id="Layer40" style="position:relative; left:250px; top:-700px; width:399px; height:30px; z-index:40"><font color="#000000" size="1" face="Verdana"><strong>P&aacute;gina
Web realizada por: Mar&iacute;a Auxiliadora Gr&aacute;valos</strong></font></div>
<div id="Layer41" style="position:relative; left:260px; top:-710px; width:406px; height:52px; z-index:41"><font color="#000000" size="1" face="Verdana"><strong>Derechos
Reservados - <a class=enlace href="mailto:[email protected]">[email protected] ail.com</a></strong></font></div>

<div id="Layer14" style="position:relative; left:170px; top:-1650px; width:48px; height:900px; z-index:43"><img src="imagenes/barrita%20vertical.jpg" width="2" height="700"></div>

<div id="Layer22" style="position:relative; left:50px; top:-2950px; width:199px; height:53px; z-index:51"><font color="#990000" size="3" face="Cooper Black">Pintura</font></div>
<div id="Layer13" style="position:relative; left:180px; top:-2500px; width:270px; height:200px; z-index:52"><img src="imagenes/revest1.jpg" width="270" height="200"></div>
<div id="Layer15" style="position:relative; left:250px; top:-2770px; width:381px; height:52px; z-index:53">
<div align="center"><font color="#000000" size="3" face="Arial"><strong>Tipos
de Revestimientos:</strong></font></div>
</div>
<div id="Layer16" style="position:relative; left:470px; top:-2750px; width:270px; height:174px; z-index:54"><img src="imagenes/imagen1.jpg" width="270" height="200"></div>
<div id="Layer17" style="position:relative; left:180px; top:-2670px; width:270px; height:200px; z-index:55"><img src="imagenes/revest3.jpg" width="270" height="200"></div>
<div id="Layer18" style="position:relative; left:470px; top:-2870px; width:270px; height:200px; z-index:56"><img src="imagenes/imagen5.jpg" width="270" height="200"></div>
<div id="Layer19" style="position:relative; left:270px; top:-3130px; width:218px; height:44px; z-index:57"><font color="#000000" size="3" face="Arial"><strong>Roble
viejo</strong></font></div>
<div id="Layer20" style="position:relative; left:520px; top:-3175px; width:241px; height:36px; z-index:58"><font color="#000000" size="3" face="Arial"><strong>Carore&ntilde;a
o Coy&oacute;n</strong></font></div>
<div id="Layer21" style="position:relative; left:300px; top:-2930px; width:150px; height:35px; z-index:59"><font color="#000000" size="3" face="Arial"><strong>Arena</strong></font></div>
<div id="Layer23" style="position:relative; left:550px; top:-2960px; width:199px; height:31px; z-index:60"><font color="#000000" size="3" face="Arial"><strong>Teja
Envejecida</strong></font></div>
<div id="Layer24" style="position:relative; left:50px; top:-3460px; width:173px; height:41px; z-index:61"><font size="3" face="Cooper Black"><a class=enlace href="pintura.html">Pintura</a></font></div>
<div id="Layer25" style="position:relative; left:15px; top:-3460px; width:169px; height:34px; z-index:62"><img src="imagenes/barrita%20horizontal.jpg" width="145" height="2"></div>
<div id="Layer26" style="position:relative; left:40px; top:-3470px; width:269px; height:59px; z-index:63"><font color="#990000" size="3" face="Cooper Black"><u><a class=enlace href="albanileria.html">Alba&ntilde;iler&iacute;a</a></u></font></div>
<div id="Layer27" style="position:relative; left:15px; top:-3480px; width:156px; height:35px; z-index:64"><img src="imagenes/barrita%20horizontal.jpg" width="145" height="2"></div>
<div id="Layer28" style="position:relative; left:25px; top:-3490px; width:169px; height:41px; z-index:65"><font color="#990000" size="3" face="Cooper Black"><u><a class=enlace href="remodelacion.html">Remodelaci&oacute;n</a></u></font></div>
<div id="Layer29" style="position:relative; left:15px; top:-3485px; width:157px; height:44px; z-index:66"><img src="imagenes/barrita%20horizontal.jpg" width="145" height="2"></div>
<div id="Layer30" style="position:relative; left:280px; top:-3065px; width:75px; height:24px; z-index:67"><font color="#990000" size="2" face="Cooper Black"><u><a class=enlace href="pintura.html">Pintura</a></u></font></div>
<div id="Layer31" style="position:relative; left:348px; top:-3088px; width:145px; height:33px; z-index:68"><font color="#990000" size="2" face="Cooper Black"><u><a class=enlace href="albanileria.html">Alba&ntilde;iler&iacute;a</a></u></font></div>
<div id="Layer32" style="position:relative; left:440px; top:-3120px; width:145px; height:30px; z-index:69"><font color="#990000" size="2" face="Cooper Black"><u><a class=enlace href="remodelacion.html">Remodelaci&oacute;n</a></u></font></div>

<div id="Layer33" style="position:relative; left:645px; top:-3200px; width:41px; height:27px; z-index:70"><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image16','','imagenes/home_clicked2.jpg',1)"><img src="imagenes/home2.jpg" name="Image16" width="27" height="20" border="0"></a></div>
<div id="Layer42" style="position:relative; left:680px; top:-3220px; width:53px; height:25px; z-index:71"><font size="2" face="Cooper Black"><a class=enlace href="index.html">Inicio</a></font></div>
</table>
</body>
  #6 (permalink)  
Antiguo 19/10/2009, 07:58
 
Fecha de Ingreso: agosto-2009
Mensajes: 13
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: sobre trabajar con layers o capas

pueden copiar y pegarlo el codigo en dreamweaver ? porfaa, pa q vean el espacio en blanco que queda al final de la pagina abajo, muchas gracias :)
  #7 (permalink)  
Antiguo 20/10/2009, 18:06
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: sobre trabajar con layers o capas

Hola:

Cita:
Iniciado por auxigrav Ver Mensaje
<body onLoad="MM_preloadImages('imagenes/home_clicked2.jpg')">
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<div id="Layer1" align="center" style="position:absolute; width:750px; height:1200px; z-index:1" ></div>
El problema lo tienes por aquí, ¿Qué te falta entre las etiquetas <table> y <div id="Layer1">?

A continuación cambia el border 0 de la tabla por otro, por ejemplo 5.

Saludos.

  #8 (permalink)  
Antiguo 21/10/2009, 16:07
 
Fecha de Ingreso: agosto-2009
Mensajes: 13
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: sobre trabajar con layers o capas

entre las etiquetas table y div me hará falta un td? es decir una celda que englobe a todos los div?????? o dime qué porfaaaaaa, grachias :)
  #9 (permalink)  
Antiguo 24/10/2009, 11:49
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: sobre trabajar con layers o capas

Hola:

Y en vez de entretenerte en preguntar ¿porqué no lo pruebas? Así aprenderás mejor.

Saludos.

  #10 (permalink)  
Antiguo 24/10/2009, 16:11
 
Fecha de Ingreso: agosto-2009
Mensajes: 13
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: sobre trabajar con layers o capas

ya probé varias cosas, probé primero un td y luego cambiarle el borde, y se veia el cambio del borde pero seguia ese espacio en blanco. entonces le agregué un tr y siguió igual, luego le agregué el height al td del tamaño d mi pagina, y nada, luego le agregué el valign=bottom y nada tampoco, luego traté d disminurle el height a ver si se disminuia el espacio en blanco y tampoco, entonces sigue el espacio en blanco entre el final de la pagina y el borde d la tabla, lo tengo asi:

<table width="750" border="5" align="center">
<tr>
<td width="750" height="0" valign="bottom">
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:26.