en html
Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link type="text/css" rel="stylesheet" href="css/layout4.css" />
<title>Documento sin título</title>
</head>
<body background="img/Fondo-negro-floresplata.jpg" >
<p><br />
<br />
</p>
<p> </p>
<center>
<table border="0" cellpadding="0" cellspacing="0" width="801">
<!-- fwtable fwsrc="INDEX.png" fwbase="INDEX.gif" fwstyle="Dreamweaver" fwdocid = "1058948897" fwnested="0" -->
<tr>
<td width="25"><img src="img/spacer.gif" width="25" height="1" border="0" alt="" /></td>
<td width="168"><img src="img/spacer.gif" width="168" height="1" border="0" alt="" /></td>
<td width="31"><img src="img/spacer.gif" width="31" height="1" border="0" alt="" /></td>
<td width="1"><img src="img/spacer.gif" width="1" height="1" border="0" alt="" /></td>
<td width="575"><img src="img/spacer.gif" width="575" height="1" border="0" alt="" /></td>
<td width="1"><img src="img/spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="3"><img src="img/INDEX_r1_c1.gif" alt="" name="INDEX_r1_c1" width="224" height="218" border="0" id="INDEX_r1_c1" /></td>
<td colspan="2" rowspan="11">
<div id="content">
<div id="sup1">
<div> <center>
<p> </p>
<p>CONTÁCTENOS</p>
</center>
</div>
</div>
<div id="sup2">
<span class="Estilo7">PARA:</span><br />
<form id="form1" name="form1" method="post" action="" >
<span class="Estilo8">ASUNTO:</span> <br />
<input type="text" name="textfield" />
<p class="Estilo8">MENSAJE: </p>
<input type="text" name="textfield2" width="500px" height="150px" />
</span>
</p>
</form>
</div>
</div>
</td>
<td><img src="img/spacer.gif" width="1" height="218" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="8"><img src="img/INDEX_r2_c1.gif" alt="" name="INDEX_r2_c1" width="25" height="346" border="0" id="INDEX_r2_c1" /></td>
<td><img src="img/INDEX_r2_c2.gif" alt="" name="INDEX_r2_c2" width="168" height="38" border="0" usemap="#m_INDEX_r2_c2" id="INDEX_r2_c2" /></td>
<td rowspan="8"><img src="img/INDEX_r2_c3.gif" alt="" name="INDEX_r2_c3" width="31" height="346" border="0" usemap="#m_INDEX_r2_c3" id="INDEX_r2_c3" /></td>
<td><img src="img/spacer.gif" width="1" height="38" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r3_c2.gif" alt="" name="INDEX_r3_c2" width="168" height="33" border="0" usemap="#m_INDEX_r3_c2" id="INDEX_r3_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="33" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r4_c2.gif" alt="" name="INDEX_r4_c2" width="168" height="39" border="0" usemap="#m_INDEX_r4_c2" id="INDEX_r4_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="39" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r5_c2.gif" alt="" name="INDEX_r5_c2" width="168" height="31" border="0" usemap="#m_INDEX_r5_c2" id="INDEX_r5_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="31" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r6_c2.gif" alt="" name="INDEX_r6_c2" width="168" height="40" border="0" usemap="#m_INDEX_r6_c2" id="INDEX_r6_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="40" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r7_c2.gif" alt="" name="INDEX_r7_c2" width="168" height="27" border="0" usemap="#m_INDEX_r7_c2" id="INDEX_r7_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="27" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r8_c2.gif" alt="" name="INDEX_r8_c2" width="168" height="40" border="0" usemap="#m_INDEX_r8_c2" id="INDEX_r8_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="40" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r9_c2.gif" alt="" name="INDEX_r9_c2" width="168" height="98" border="0" usemap="#m_INDEX_r9_c2" id="INDEX_r9_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="98" border="0" alt="" /></td>
</tr>
<tr>
<td height="36" colspan="3"><img src="img/INDEX_r10_c1.gif" alt="" name="INDEX_r10_c1" width="224" height="36" border="0" id="INDEX_r10_c1" /></td>
<td><img src="img/spacer.gif" width="1" height="36" border="0" alt="" /></td>
</tr>
<map name="m_INDEX_r2_c2" id="m_INDEX_r2_c2">
<area shape="rect" coords="0,0,169,39" href="index.html" target="_top" alt="" />
</map>
<map name="m_INDEX_r2_c3" id="m_INDEX_r2_c3">
<area shape="rect" coords="-168,209,1,250" href="javascript:;" alt="" />
<area shape="rect" coords="-168,142,1,183" href="javascript:;" alt="" />
<area shape="rect" coords="-168,72,1,111" href="javascript:;" alt="" />
<area shape="rect" coords="-168,0,1,39" href="javascript:;" alt="" />
</map>
<map name="m_INDEX_r3_c2" id="m_INDEX_r3_c2">
<area shape="rect" coords="0,-38,169,1" href="javascript:;" alt="" />
</map>
<map name="m_INDEX_r4_c2" id="m_INDEX_r4_c2">
<area shape="rect" coords="0,1,169,40" href="nosotros.html" target="_top" alt="" />
</map>
<map name="m_INDEX_r5_c2" id="m_INDEX_r5_c2">
<area shape="rect" coords="0,-38,169,1" href="javascript:;" alt="" />
</map>
<map name="m_INDEX_r6_c2" id="m_INDEX_r6_c2">
<area shape="rect" coords="0,1,169,42" href="productos.html" target="_top" alt="" />
</map>
<map name="m_INDEX_r7_c2" id="m_INDEX_r7_c2">
<area shape="rect" coords="0,-39,169,2" href="javascript:;" alt="" />
</map>
<map name="m_INDEX_r8_c2" id="m_INDEX_r8_c2">
<area shape="rect" coords="0,1,169,42" href="contactenos.html" target="_top" alt="" />
</map>
<map name="m_INDEX_r9_c2" id="m_INDEX_r9_c2">
<area shape="rect" coords="0,-39,169,2" href="javascript:;" alt="" />
</map>
</table>
</center>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link type="text/css" rel="stylesheet" href="css/layout4.css" />
<title>Documento sin título</title>
</head>
<body background="img/Fondo-negro-floresplata.jpg" >
<p><br />
<br />
</p>
<p> </p>
<center>
<table border="0" cellpadding="0" cellspacing="0" width="801">
<!-- fwtable fwsrc="INDEX.png" fwbase="INDEX.gif" fwstyle="Dreamweaver" fwdocid = "1058948897" fwnested="0" -->
<tr>
<td width="25"><img src="img/spacer.gif" width="25" height="1" border="0" alt="" /></td>
<td width="168"><img src="img/spacer.gif" width="168" height="1" border="0" alt="" /></td>
<td width="31"><img src="img/spacer.gif" width="31" height="1" border="0" alt="" /></td>
<td width="1"><img src="img/spacer.gif" width="1" height="1" border="0" alt="" /></td>
<td width="575"><img src="img/spacer.gif" width="575" height="1" border="0" alt="" /></td>
<td width="1"><img src="img/spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="3"><img src="img/INDEX_r1_c1.gif" alt="" name="INDEX_r1_c1" width="224" height="218" border="0" id="INDEX_r1_c1" /></td>
<td colspan="2" rowspan="11">
<div id="content">
<div id="sup1">
<div> <center>
<p> </p>
<p>CONTÁCTENOS</p>
</center>
</div>
</div>
<div id="sup2">
<span class="Estilo7">PARA:</span><br />
<form id="form1" name="form1" method="post" action="" >
<span class="Estilo8">ASUNTO:</span> <br />
<input type="text" name="textfield" />
<p class="Estilo8">MENSAJE: </p>
<input type="text" name="textfield2" width="500px" height="150px" />
</span>
</p>
</form>
</div>
</div>
</td>
<td><img src="img/spacer.gif" width="1" height="218" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="8"><img src="img/INDEX_r2_c1.gif" alt="" name="INDEX_r2_c1" width="25" height="346" border="0" id="INDEX_r2_c1" /></td>
<td><img src="img/INDEX_r2_c2.gif" alt="" name="INDEX_r2_c2" width="168" height="38" border="0" usemap="#m_INDEX_r2_c2" id="INDEX_r2_c2" /></td>
<td rowspan="8"><img src="img/INDEX_r2_c3.gif" alt="" name="INDEX_r2_c3" width="31" height="346" border="0" usemap="#m_INDEX_r2_c3" id="INDEX_r2_c3" /></td>
<td><img src="img/spacer.gif" width="1" height="38" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r3_c2.gif" alt="" name="INDEX_r3_c2" width="168" height="33" border="0" usemap="#m_INDEX_r3_c2" id="INDEX_r3_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="33" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r4_c2.gif" alt="" name="INDEX_r4_c2" width="168" height="39" border="0" usemap="#m_INDEX_r4_c2" id="INDEX_r4_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="39" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r5_c2.gif" alt="" name="INDEX_r5_c2" width="168" height="31" border="0" usemap="#m_INDEX_r5_c2" id="INDEX_r5_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="31" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r6_c2.gif" alt="" name="INDEX_r6_c2" width="168" height="40" border="0" usemap="#m_INDEX_r6_c2" id="INDEX_r6_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="40" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r7_c2.gif" alt="" name="INDEX_r7_c2" width="168" height="27" border="0" usemap="#m_INDEX_r7_c2" id="INDEX_r7_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="27" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r8_c2.gif" alt="" name="INDEX_r8_c2" width="168" height="40" border="0" usemap="#m_INDEX_r8_c2" id="INDEX_r8_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="40" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="img/INDEX_r9_c2.gif" alt="" name="INDEX_r9_c2" width="168" height="98" border="0" usemap="#m_INDEX_r9_c2" id="INDEX_r9_c2" /></td>
<td><img src="img/spacer.gif" width="1" height="98" border="0" alt="" /></td>
</tr>
<tr>
<td height="36" colspan="3"><img src="img/INDEX_r10_c1.gif" alt="" name="INDEX_r10_c1" width="224" height="36" border="0" id="INDEX_r10_c1" /></td>
<td><img src="img/spacer.gif" width="1" height="36" border="0" alt="" /></td>
</tr>
<map name="m_INDEX_r2_c2" id="m_INDEX_r2_c2">
<area shape="rect" coords="0,0,169,39" href="index.html" target="_top" alt="" />
</map>
<map name="m_INDEX_r2_c3" id="m_INDEX_r2_c3">
<area shape="rect" coords="-168,209,1,250" href="javascript:;" alt="" />
<area shape="rect" coords="-168,142,1,183" href="javascript:;" alt="" />
<area shape="rect" coords="-168,72,1,111" href="javascript:;" alt="" />
<area shape="rect" coords="-168,0,1,39" href="javascript:;" alt="" />
</map>
<map name="m_INDEX_r3_c2" id="m_INDEX_r3_c2">
<area shape="rect" coords="0,-38,169,1" href="javascript:;" alt="" />
</map>
<map name="m_INDEX_r4_c2" id="m_INDEX_r4_c2">
<area shape="rect" coords="0,1,169,40" href="nosotros.html" target="_top" alt="" />
</map>
<map name="m_INDEX_r5_c2" id="m_INDEX_r5_c2">
<area shape="rect" coords="0,-38,169,1" href="javascript:;" alt="" />
</map>
<map name="m_INDEX_r6_c2" id="m_INDEX_r6_c2">
<area shape="rect" coords="0,1,169,42" href="productos.html" target="_top" alt="" />
</map>
<map name="m_INDEX_r7_c2" id="m_INDEX_r7_c2">
<area shape="rect" coords="0,-39,169,2" href="javascript:;" alt="" />
</map>
<map name="m_INDEX_r8_c2" id="m_INDEX_r8_c2">
<area shape="rect" coords="0,1,169,42" href="contactenos.html" target="_top" alt="" />
</map>
<map name="m_INDEX_r9_c2" id="m_INDEX_r9_c2">
<area shape="rect" coords="0,-39,169,2" href="javascript:;" alt="" />
</map>
</table>
</center>
</body>
</html>
y este es el css
Cita:
br {
height:5px;
}
#content{
height:800px;
width:575px;
background-color:#FFFF99;
position:fixed;
}
#content #sup1{
height:100px;
width:575px;
background-color:#CA3A36;
}
#content #sup2{
padding:20px 20px 20px 20px;
width:575px;
}
height:5px;
}
#content{
height:800px;
width:575px;
background-color:#FFFF99;
position:fixed;
}
#content #sup1{
height:100px;
width:575px;
background-color:#CA3A36;
}
#content #sup2{
padding:20px 20px 20px 20px;
width:575px;
}
El problema que encuentro es que yo quiero que salga la tabla al ras pero si se dan cuenta, baja un poco de la distancia original en la parte derecha. No sé a qué se deba esto. Por favor ayúdenme. Tenía el mismo problema con la parte izquierda de mi tabla pero le puse rowspan="11" y se alineó. Ahora no sé qué hacer para que la parte derecha esté al ras.