Tema: Hacer más ancha la web
moret
avatar
Frecuente
Frecuente
Mensajes: 47

Enviado:
16.jul 2004 - 04:30

Hola a todos, después de pelearme con el theme de mi web, no consigo hacerla más ancha. La verdad que será difícil por los logos de arriba, pero a ver si me podeis ayudar. Quiero hacerla de ancha al 100%, mi theme.html es:
Código
  1. <HTML>
  2. <HEAD>
  3. <TITLE>header</TITLE>
  4. <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
  5. </HEAD>
  6. <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
  7. <TABLE WIDTH="770" BORDER="0" CELLSPACING="0" CELLPADDING="0" align="center">
  8. <TR> 
  9. <TD WIDTH="100%"><IMG SRC="<?php echo $imgpath; ?>A.gif" WIDTH=279 HEIGHT=97 ALT=""></TD>
  10. <TD> 
  11. <TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0" align="center">
  12. <TR> 
  13. <TD><IMG SRC="<?php echo $imgpath; ?>B.gif" WIDTH=491 HEIGHT=16 ALT=""></TD>
  14. </TR>
  15. <TR>
  16.           <TD><img src="<?php echo $imgpath; ?>C.gif" alt=""></TD>
  17. </TR>
  18. <TR>
  19.           <TD><IMG SRC="<?php echo $imgpath; ?>D.gif" WIDTH=491 HEIGHT=16 ALT=""></TD>
  20. </TR>
  21. </TABLE></TD>
  22. </TR>
  23. </TABLE>
  24. <TABLE WIDTH="770" BORDER="0" CELLSPACING="0" CELLPADDING="0" align="center">
  25. <TR> 
  26.     <TD WIDTH="261"><IMG SRC="<?php echo $imgpath; ?>E.gif" WIDTH=261 HEIGHT=23 ALT=""></TD>
  27.     <TD WIDTH="23"><IMG SRC="<?php echo $imgpath; ?>F.gif" WIDTH=23 HEIGHT=23 ALT=""></TD>
  28.     <TD WIDTH="32"><A HREF="index.html"><IMG SRC="<?php echo $imgpath; ?>G.gif" ALT="Homepage" WIDTH=35 HEIGHT=23 BORDER="0"></A></TD>
  29.     <TD WIDTH="23"><IMG SRC="<?php echo $imgpath; ?>H.gif" WIDTH=23 HEIGHT=23 ALT=""></TD>
  30.     <TD WIDTH="29"><A HREF="FAQ+main.html"><IMG SRC="<?php echo $imgpath; ?>I.gif" ALT="Our FAQ's" WIDTH=29 HEIGHT=23 BORDER="0"></A></TD>
  31.     <TD WIDTH="20"><IMG SRC="<?php echo $imgpath; ?>J.gif" WIDTH=23 HEIGHT=23 ALT=""></TD>
  32.     <TD WIDTH="58"><A HREF="PNphpBB2+main.html"><IMG SRC="<?php echo $imgpath; ?>K.gif" ALT="Reviews" WIDTH=58 HEIGHT=23 BORDER="0"></A></TD>
  33.     <TD WIDTH="18"><IMG SRC="<?php echo $imgpath; ?>L.gif" WIDTH=18 HEIGHT=23 ALT=""></TD>
  34.     <TD WIDTH="64"><A HREF="News+main.html"><IMG SRC="<?php echo $imgpath; ?>M.gif" ALT="Latest news" WIDTH=64 HEIGHT=23 BORDER="0"></A></TD>
  35.     <TD WIDTH="23"><IMG SRC="<?php echo $imgpath; ?>N.gif" WIDTH=23 HEIGHT=23 ALT=""></TD>
  36.     <TD WIDTH="113"><A HREF="Downloads+main.html"><IMG SRC="<?php echo $imgpath; ?>O.gif" ALT="Downloads" WIDTH=113 HEIGHT=23 BORDER="0"></A></TD>
  37.     <TD WIDTH="23"><IMG SRC="<?php echo $imgpath; ?>P.gif" WIDTH=23 HEIGHT=23 ALT=""></TD>
  38.     <TD WIDTH="79"><A HREF="mod-dpFeedBack.html"><IMG SRC="<?php echo $imgpath; ?>Q.gif" ALT="Contact Us" WIDTH=77 HEIGHT=23 BORDER="0"></A></TD>
  39. </TR>
  40. </TABLE>
  41. <TABLE WIDTH="770" BORDER="0" CELLSPACING="0" CELLPADDING="0" align="center">
  42. <TR> 
  43. <TD><TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0">
  44. <TR VALIGN="TOP"> 
  45. <TD> <TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0">
  46. <TR> 
  47.                 <TD WIDTH="220"><IMG SRC="<?php echo $imgpath; ?>R.gif" WIDTH="215" HEIGHT="48"></TD>
  48. <TD ALIGN="CENTER">  </TD>
  49. </TR>
  50. </TABLE>
  51. <TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0">
  52. <TR> 
  53. <TD WIDTH="172" VALIGN="TOP" BACKGROUND="<?php echo $imgpath; ?>under_headerbg.gif"><TABLE WIDTH="172" BORDER="0" CELLSPACING="0" CELLPADDING="0">
  54. <TR> 
  55. <TD ALIGN="CENTER" class="login" > 
  56. <!-- [user-welcome] -->
  57. </TD>
  58. </TR>
  59. <TR> 
  60. <TD HEIGHT="4" class="login" ><IMG SRC="<?php echo $imgpath; ?>spacer.gif" WIDTH="1" HEIGHT="4"></TD>
  61. </TR>
  62. </TABLE>
  63. <TABLE WIDTH="172" BORDER="0" CELLSPACING="0" CELLPADDING="0">
  64. <TR> 
  65. <TD WIDTH="3"><IMG SRC="<?php echo $imgpath; ?>spacer.gif" WIDTH="3" HEIGHT="1"></TD>
  66. <TD> 
  67. <!-- [left-blocks] -->
  68. </TD>
  69. </TR>
  70. </TABLE></TD>
  71. <TD WIDTH="100%" ALIGN="CENTER" VALIGN="TOP"> <TABLE WIDTH="98%" BORDER="0" CELLSPACING="0" CELLPADDING="0">
  72. <TR> 
  73. <TD ALIGN="CENTER"> 
  74. <!-- [center-blocks] -->
  75. <!-- [modules] -->
  76. </TD>
  77. </TR>
  78. </TABLE></TD>
  79. </TR>
  80. </TABLE></TD>
  81. <TD> <TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0">
  82. <TR> 
  83. <TD HEIGHT="7"><IMG SRC="<?php echo $imgpath; ?>spacer.gif" WIDTH="1" HEIGHT="7"></TD>
  84. </TR>
  85. </TABLE>
  86. <!-- [right-blocks] -->
  87. </TD>
  88. </TR>
  89. </TABLE></TD>
  90. <TD WIDTH="1" ALIGN="RIGHT" BGCOLOR="#2D6EC5"><IMG SRC="<?php echo $imgpath; ?>spacer.gif" WIDTH="1" HEIGHT="1"></TD>
  91. </TR>
  92. </TABLE>
  93. <TABLE WIDTH="770" BORDER="0" CELLSPACING="0" CELLPADDING="0" align="center">
  94. <TR> 
  95. <TD BGCOLOR="#2D6EC5"><TABLE WIDTH="100%" BORDER="0" CELLSPACING="6" CELLPADDING="0">
  96. <TR>
  97. <TD class="footer" ALIGN="CENTER">
  98. <!-- [footer-msg] -->
  99. </TD>
  100. </TR>
  101. </TABLE></TD>
  102. </TR>
  103. </TABLE>
  104. <TABLE WIDTH="770" HEIGHT="23" BORDER="0" CELLPADDING="0" CELLSPACING="0" align="center">
  105. <TR> 
  106.     <TD ALIGN="RIGHT" BACKGROUND="<?php echo $imgpath; ?>header_007.gif"><script type="text/javascript"
  107. src="http://www.thefreeserver.com/ads.php"></script><IMG SRC="<?php echo $imgpath; ?>S.gif" WIDTH="150" HEIGHT="23" BORDER="0" USEMAP="#Map"></TD>
  108. </TR>
  109. </TABLE>
  110. <MAP NAME="Map">
  111. <AREA SHAPE="RECT" COORDS="2,8,147,19" HREF="http://www.paretux.togetherhost.com" TARGET="_blank">
  112. </MAP>
  113. </BODY>
  114. </HTML>

Por favor, ayudadme, que no sé qué hacer ya. Muchísimas gracias por la ayuda biggrin



La web per la que tot linuxer català ha d'entrar: <a href=http://www.paretux.org>PareTux.org.
Invitado 
Usuario no registrado

Enviado:
16.jul 2004 - 12:22

Empieza por cambiar el parametro width="770" por width="100%", mas tarde tendras que redimensionar todas las imagenes al nuevo ancho de la web.

Salu2 de Waisen.
moret
avatar
Frecuente
Frecuente
Mensajes: 47

Enviado:
16.jul 2004 - 17:59

Muchísimas gracias!! Todo bien, justo como quería jeje. Ahora tengo otro problema, como comentabas, las imágenes. Las he acoplado todo sin problemas ya, pero no sé por qué se me agrupan en dos bloques, a la derecha y a la izquierda. Lo que quisiera hacer es juntar los dos bloques hacia la izquierda.

Muchas gracias!!!!!!

http://www.paretux.ca.gs



La web per la que tot linuxer català ha d'entrar: <a href=http://www.paretux.org>PareTux.org.