22/08/2009, 16:37
| |||
| |||
| 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 :) |
|
22/08/2009, 19:41
| ||||
| ||||
| 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 |
|
23/08/2009, 03:30
| ||||
| ||||
| 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.  |
|
24/08/2009, 11:57
| |||
| |||
| 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ó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é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ñilerí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ó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á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 |
|
24/08/2009, 15:24
| ||||
| ||||
| 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. |
|
24/08/2009, 15:46
| |||
| |||
| 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 |
|
24/08/2009, 15:49
| ||||
| ||||
| 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. |
Este tema le ha gustado a 1 personas 
