Dreamwaver - Ayuda con las tablas

Matuka · #1 (**permalink**) 15/12/2008, 13:16

Mi problema es el siguiente:

Quiero que una tabla se ubique en el mismo "renglón" que otra (es decir, en la misma linea, altura, lo que sea...). Al intentarlo en el editor, parece que todo va bien, pero cuando subo mi página, una tabla está por encima de la otra y se me descuadra todo.

Uso el Dreamwaver 2004 MX ¿alguien me ayuda, por favor?

EDIT: Este es el código (por si ayuda):

http://rapidshare.com/files/173620760/motherfuckerweb.txt.html

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title>plantilla</title>
<!-- TemplateEndEditable --> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>

<body bgcolor="#000000" text="#FFFFFF" link="#FFFF00" vlink="#9900CC" alink="#FFFF00">
<table width="70%" border="0" align="center" cellpadding="0" cellspacing="0" background="/fondo.jpg">
  <tr> 
    <td height="640" background="/fondo.jpg" bgcolor="#000000"> 
      <table width="70%" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td align="center" valign="top"><img src="/logo.jpg" width="800" height="200"></td>
        </tr>
      </table>
      <table width="20%" border="0" align="left" cellpadding="0" cellspacing="0">
        <tr> 
          <td align="left" valign="top"><img src="/boton-saw.jpg" width="180" height="40"></td>
        </tr>
        <tr> 
          <td align="left" valign="top"><img src="/boton-saw2.jpg" width="180" height="40"></td>
        </tr>
        <tr> 
          <td align="left" valign="top"><img src="/boton-saw3.jpg" width="180" height="40"></td>
        </tr>
        <tr> 
          <td align="left" valign="top"><img src="/boton-saw4.jpg" width="180" height="40"></td>
        </tr>
        <tr> 
          <td align="left" valign="top"><img src="/boton-saw5.jpg" width="180" height="40"></td>
        </tr>
        <tr> 
          <td align="left" valign="top"><img src="/boton-analisis.jpg" width="180" height="40"></td>
        </tr>
        <tr> 
          <td align="left" valign="top"><img src="/boton-videos.jpg" width="180" height="40"></td>
        </tr>
        <tr> 
          <td align="left" valign="top"><img src="/boton-descargas.jpg" width="180" height="40"></td>
        </tr>
        <tr> 
          <td align="left" valign="top"><img src="/boton-fanart.jpg" width="180" height="40"></td>
        </tr>
        <tr> 
          <td align="left" valign="top"><img src="/boton-foro.jpg" width="180" height="40"></td>
        </tr>
        <tr> 
          <td align="left" valign="top"> 
            <p><img src="/boton-contacto.jpg" width="180" height="40"></p></td>
        </tr>
      </table>
      <table width="80%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
        <tr> 
          <td align="right" valign="top" bgcolor="#000000"> 
            <div align="center"><!-- TemplateBeginEditable name="contenido" --><!-- TemplateEndEditable --></div></td>
        </tr>
        <tr> 
          <td align="right" valign="top"> 
            <div align="center"><strong><font size="1" face="Arial, Helvetica, sans-serif">www.todosaw.es</font><font size="2" face="Arial, Helvetica, sans-serif"> 
              -<em> </em></font></strong><font size="1" face="Arial, Helvetica, sans-serif">fansite 
              sin fines comerciales</font></div></td>
        </tr>
      </table>
      
    </td>
  </tr>
</table>
</body>
</html>

gVenom · #2 (**permalink**) 15/12/2008, 14:30

Bueno, no se entiende bien que es lo que buscas, si lo que quieres es pegar una tabla can la otra auna al lado de otra, mete cada una en un div y pon este código css para el div:

Código HTML:

.juintas{float:left;margin-left:0px;}

y usas la classe asi

Código HTML:

<div id="juntas">

obviamente la medida de ancho de cada tabla afecta. si no cabe te la envia abajo.