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

porfa como hago para que las capas en dreamweaver no se me descuadren de una imagen

Estas en el tema de porfa como hago para que las capas en dreamweaver no se me descuadren de una imagen en el foro de Diseño web en Foros del Web. hola, estoy haciendo una pagina web donde tengo como fondo de la pagina a una imagen, entonces tengo q usar capas para poder colocar texto ...
  #1 (permalink)  
Antiguo 22/08/2009, 17:37
 
Fecha de Ingreso: agosto-2009
Mensajes: 13
Antigüedad: 8 años, 3 meses
Puntos: 0
porfa como hago para que las capas en dreamweaver no se me descuadren de una imagen

hola, estoy haciendo una pagina web donde tengo como fondo de la pagina a una imagen, entonces tengo q usar capas para poder colocar texto encima de ese fondo, pero al cambiar de resolucion de pantalla el texto se me descuadra hacia la izquierda de la pantalla y la pagina queda descuadrada, como hago para que entonces las capas donde coloco el texto no se me descuadren?? muchas gracias :)
  #2 (permalink)  
Antiguo 22/08/2009, 20:41
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: porfa como hago para que las capas en dreamweaver no se me descuadren de u

Hola auxigrav

Si nos pones el código que tienes nos podremos hacer una mejor idea del problema e intentar buscar una solución.

Bye
  #3 (permalink)  
Antiguo 23/08/2009, 04:30
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: porfa como hago para que las capas en dreamweaver no se me descuadren de u

Hola:

La imagen de fondo de la página ¿está asociada al body o a un div contenedor general de la página?

Saludos.

  #4 (permalink)  
Antiguo 24/08/2009, 12:57
 
Fecha de Ingreso: agosto-2009
Mensajes: 13
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: porfa como hago para que las capas en dreamweaver no se me descuadren de u

aqui les mando el codigo, en dreamweaver seguro verán mejor lo que les digo, aqui les pego el codigo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body onLoad="MM_preloadImages('imagenes/link_objetivo_rojo.jpg')">
<div id="Layer37" style="position:absolute; left:193px; top:458px; width:547px; height:19px; z-index:42"></div>
<div id="Layer38" style="position:absolute; left:193px; top:478px; width:134px; height:25px; z-index:43"></div>
<div id="Layer39" style="position:absolute; left:328px; top:478px; width:73px; height:25px; z-index:44"><font color="#000000" size="2" face="Arial"><strong>Direcci&oacute;n:</strong></font></div>
<div id="Layer40" style="position:absolute; left:409px; top:478px; width:327px; height:114px; z-index:45">
<textarea name="direcc" cols="30" rows="5" id="direcc"></textarea>
</div>
<div id="Layer41" style="position:absolute; left:193px; top:609px; width:134px; height:25px; z-index:46"></div>
<div id="Layer42" style="position:absolute; left:328px; top:609px; width:73px; height:25px; z-index:47"><font color="#000000" size="2" face="Arial"><strong>Ciudad:</strong></font></div>
<div id="Layer43" style="position:absolute; left:409px; top:609px; width:301px; height:25px; z-index:48">
<input name="ciudad" type="text" id="ciudad" size="20" maxlength="50">
</div>
<div id="Layer44" style="position:absolute; left:193px; top:637px; width:545px; height:19px; z-index:49"></div>
<div id="Layer48" style="position:absolute; left:193px; top:683px; width:520px; height:20px; z-index:53"></div>
<div id="Layer50" style="position:absolute; left:328px; top:705px; width:73px; height:25px; z-index:55"><font color="#000000" size="2" face="Arial"><strong>Asunto:</strong></font></div>
<div id="Layer51" style="position:absolute; left:409px; top:705px; width:222px; height:25px; z-index:56">
<input name="asunto" type="text" id="asunto" size="25" maxlength="50">
</div>
<form method="post" action="envio_particular.php" >
<div id="Layer1" style="position:absolute; left:21px; top:279px; width:145px; height:25px; z-index:1"><img src="imagenes/barrita%20horizontal.jpg" width="145" height="2"></div>
<div id="Layer2" style="position:absolute; left:171px; top:207px; width:21px; height:837px; z-index:2"><img src="imagenes/barrita%20vertical.jpg" width="4" height="800"></div>
<div id="Layer3" style="position:absolute; left:25px; top:242px; width:140px; height:28px; z-index:3">
<div align="center"><font color="#990000" size="3" face="Cooper Black">Qui&eacute;nes
Somos? </font></div>
</div>
<div id="Layer4" style="position:absolute; left:193px; top:268px; width:547px; height:30px; z-index:4">
<div align="justify"><font color="#000000" size="2" face="Arial"><strong>Llene
el siguiente formulario:</strong></font></div>
</div>
<div id="Layer5" style="position:absolute; left:25px; top:301px; width:141px; height:35px; z-index:5">
<div align="center"><font color="#990000" size="3" face="Cooper Black">Revestimientos</font></div>
</div>
<div id="Layer6" style="position:absolute; left:21px; top:343px; width:145px; height:14px; z-index:6"><img src="imagenes/barrita%20horizontal.jpg" width="145" height="2"></div>
<div id="Layer7" style="position:absolute; left:25px; top:375px; width:137px; height:49px; z-index:7">Alba&ntilde;iler&iacute;a</div>
<div id="Layer9" style="position:absolute; left:21px; top:436px; width:145px; height:12px; z-index:9"><img src="imagenes/barrita%20horizontal.jpg" width="145" height="2"></div>
<div id="Layer10" style="position:absolute; left:31px; top:464px; width:126px; height:32px; z-index:10">Pintura</div>
<div id="Layer11" style="position:absolute; left:21px; top:517px; width:145px; height:12px; z-index:11"><img src="imagenes/barrita%20horizontal.jpg" width="145" height="2"></div>
<div id="Layer12" style="position:absolute; left:29px; top:546px; width:110px; height:43px; z-index:12">Remodelaci&oacute;n</div>
<div id="Layer13" style="position:absolute; left:21px; top:610px; width:145px; height:13px; z-index:13"><img src="imagenes/barrita%20horizontal.jpg" width="145" height="2"></div>
<div id="Layer14" style="position:absolute; left:25px; top:639px; width:135px; height:45px; z-index:14">
<div align="center"><font color="#990000" size="3" face="Cooper Black">Solicitud de Servicios</font></div>
</div>
<div id="Layer15" style="position:absolute; left:21px; top:700px; width:145px; height:12px; z-index:15"><img src="imagenes/barrita%20horizontal.jpg" width="145" height="2"></div>
<div id="Layer16" style="position:absolute; left:25px; top:734px; width:135px; height:29px; z-index:16">
<div align="center"><font color="#003366" size="3" face="Cooper Black">Cont&aacute;ctenos</font></div>
</div>
<div id="Layer17" style="position:absolute; left:28px; top:776px; width:130px; height:19px; z-index:17"><img src="imagenes/barrita%20horizontal.jpg" width="130" height="2"></div>
<div id="Layer8" style="position:absolute; left:193px; top:303px; width:547px; height:32px; z-index:30"></div>
<div id="Layer18" style="position:absolute; left:193px; top:340px; width:134px; height:25px; z-index:31"></div>
<div id="Layer19" style="position:absolute; left:328px; top:340px; width:73px; height:25px; z-index:32"><font color="#000000" size="2" face="Arial"><strong>Nombre(s):</strong></font></div>
<div id="Layer20" style="position:absolute; left:409px; top:340px; width:332px; height:25px; z-index:33">
<input name="nombre" type="text" id="nombre" size="30" maxlength="100">
</div>
<div id="Layer21" style="position:absolute; left:193px; top:366px; width:547px; height:19px; z-index:34"></div>
<div id="Layer30" style="position:absolute; left:193px; top:386px; width:134px; height:25px; z-index:35"></div>
<div id="Layer31" style="position:absolute; left:328px; top:386px; width:75px; height:25px; z-index:36"><font color="#000000" size="2" face="Arial"><strong>Apellido(s):</strong></font></div>
<div id="Layer32" style="position:absolute; left:409px; top:386px; width:331px; height:25px; z-index:37">
<input name="apellido" type="text" id="apellido" size="30" maxlength="100">
</div>
<div id="Layer33" style="position:absolute; left:193px; top:412px; width:547px; height:19px; z-index:38"></div>
<div id="Layer34" style="position:absolute; left:193px; top:432px; width:134px; height:25px; z-index:39"></div>
<div id="Layer35" style="position:absolute; left:328px; top:432px; width:73px; height:25px; z-index:40"><font color="#000000" size="2" face="Arial"><strong>E-mail:</strong></font></div>
<div id="Layer36" style="position:absolute; left:409px; top:432px; width:324px; height:25px; z-index:41">
<input name="email" type="text" id="email" size="20" maxlength="100">
</div>
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#E5E5E5">
<!--DWLayoutTable-->
<tr>
<td width="750" height="1010" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="750" height="1000" valign="top"><img src="imagenes/fondo2.jpg" width="750" height="1000"></td>
</tr>
<tr>
<td height="10"></td>
</tr>
</table></td>
</tr>
<tr>
<td height="16"></td>
</tr>
</table>
</form>
</body>
</html>

espero sus ayudas porfa
  #5 (permalink)  
Antiguo 24/08/2009, 16:24
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: porfa como hago para que las capas en dreamweaver no se me descuadren de u

Hola:

El problema está en que todo está definido con posición absoluta, entonces cuando cambia la resolución la página se te descuadra porque la posición está referida a la esquina superior izquierda del navegador.

Saludos.

  #6 (permalink)  
Antiguo 24/08/2009, 16:46
 
Fecha de Ingreso: agosto-2009
Mensajes: 13
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: porfa como hago para que las capas en dreamweaver no se me descuadren de u

ahh ok, gracias :) pero entonces qué debo poner en position:absolute para que no se me descuadre la pagina?? porfis
  #7 (permalink)  
Antiguo 24/08/2009, 16: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: porfa como hago para que las capas en dreamweaver no se me descuadren de u

Hola:

Mejor échale un vistazo a este aporte al foro de Mikmoro, ahí verás el funcioanmiento de las diferentes opciones de la propiedad position.

Saludos.

  #8 (permalink)  
Antiguo 24/08/2009, 16:54
 
Fecha de Ingreso: agosto-2009
Mensajes: 13
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: porfa como hago para que las capas en dreamweaver no se me descuadren de u

ahh ok, muchas gracias jomaruro
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 17:50.