Problema alineación en dreamweaver

[nachooakd]

Hola!

Es mi primer post y necesito ayuda.

Tengo una pagina web y utilizado Adobe Dreamweaver CS6 para la edición de la misma.

El problema es que en dreamweaver está todo perfectamente alineado, es decir, queda todo perfecto, encaja todo perfecto. Pero el problema es que al abrirla en el navegador, se me corre todo y se me desalinea todo.



En el editor esta todo bien en linea, es decir, el texto bien alineado y encajado a la derecha de la imagen. En cambio, cuando cargo todo y lo abro con el navegador, se me corre todo.

Gracias!

[Rafael]

Primero que nada bienvenido(a).

El problema es... usar dreamweaver.

En este foro se trata de ayudar a las personas a fondo, por lo que la solución no va a ser, "ah, pica el botón alinear y listo".

Tendrás que pegar un link a tu página o pegar el código html y css de ella, la parte importante, no toda la página.

En esas imágenes no se entiende nada. Aunque se notara el problema, este se soluciona en el código.

[nachooakd]

la pagina es: www.bovrilenlaweb.com.ar

y la tabla donde tengo problemas es la siguiente:

<table width="99%" height="273" border="0">
<tr>
<td rowspan="3" valign="top"><img src="/../../images/noticias/2014/octubre/cliocdb/000.jpg" width="215" height="148" /></td>
<td valign="top"><p class="Estilo240"><a href="/../../noticias/2014/octubre/27_10_14_cliocdb.html"><strong>Sandra Gait&aacute;n result&oacute; ganadora del</strong><br />
<strong>autom&oacute;vil 0 Km <br />
del bono contribuci&oacute;n</strong><br />
<strong>del Club Deportivo Bovril</strong></a></p> </td>
<td width="1%" rowspan="7" bgcolor="#CCCCCC">&nbsp;</td>
<td width="1%" rowspan="7">&nbsp;</td>
<td width="50%" rowspan="7" valign="top"><table width="99%" border="0">
<tr>
<td width="49%" rowspan="4" valign="top"><table width="100%" border="0" bgcolor="#333333">
<tr>
<td><br />
<br /></td>
<td colspan="2"><img src="/../../images/noticias/2014/octubre/nuevoinc/000.jpg" width="215" height="148" /></td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="Estilo27">&nbsp;</td>
<td colspan="2" class="Estilo27"><table width="100%" border="0" cellspacing="1" cellpadding="0">
<tbody>


<tr></tr>
</tbody>
</table>
<a href="/../../noticias/2014/octubre/23_10_14_nuevoinc.html" class="Estilo240"><strong>Nuevo incendio en </strong><br />
<strong>el volcadero de residuos</strong></a></td>
<td class="Estilo27">&nbsp;</td>
</tr>
<tr>
<td class="Estilo27">&nbsp;</td>
<td colspan="2" valign="middle" class="Estilo27"><p align="left" class="Estilo194">23-10-14</p></td>
<td class="Estilo27">&nbsp;</td>
</tr>
<tr>
<td height="31" class="Estilo27">&nbsp;</td>
<td colspan="2" valign="top" class="Estilo61"><p>Seg&uacute;n Juli&aacute;n Tom&eacute;, Presidente de la Asociaci&oacute;n Bomberos Voluntarios de Bovril, la municipalidad no termin&oacute; de hacer lo que se les sugiri&oacute;.</p></td>
<td class="Estilo27">&nbsp;</td>
</tr>
</table> </td>
<td width="1%" rowspan="4" bgcolor="#333333">&nbsp;</td>
<td width="2%" rowspan="4" bgcolor="#CCCCCC">&nbsp;</td>
<td width="1%">&nbsp;</td>
<td width="47%" rowspan="4" valign="top"><table width="100%" border="0" bgcolor="#333333">
<tr>
<td><br />
<br /></td>
<td colspan="2"><img src="/../../images/noticias/2014/octubre/conducagmer/000.JPG" width="215" height="148" /></td>
</tr>
<tr>
<td class="Estilo27">&nbsp;</td>
<td colspan="2" class="Estilo27"><div align="left" class="Estilo236">
<p class="Estilo240"> <a href="/../../noticias/2014/octubre/23_10_14_conducagmer.html" class="Estilo240"><strong>Lista Integraci&oacute;n busca continuar </strong><br />
<strong>en la conducci&oacute;n de Agmer</strong></a></p>
</div></td>
</tr>
<tr>
<td class="Estilo27">&nbsp;</td>
<td colspan="2" valign="middle" class="Estilo27"><p align="left" class="Estilo194">23-10-14</p></td>
</tr>
<tr>
<td class="Estilo27">&nbsp;</td>
<td colspan="2" valign="top" class="Estilo61"><p align="left">Recorrieron establecimientos educativos haciendo llegar su propuesta a los docentes.</p></td>
</tr>
</table> </td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td height="200">&nbsp;</td>
</tr>
</table></td>
</tr>

<tr>
<td valign="top"><span class="Estilo232">27-10-14 </span></td>
</tr>
<tr>
<td valign="top"><p>Con el n&uacute;mero 771 se hizo acreedora del premio mayor. El Escribano Mart&iacute;n Perotti fiscaliz&oacute; el sorteo.</p></td>
</tr>

<tr>
<td colspan="2" bgcolor="#CCCCCC">&nbsp;</td>
</tr>
<tr>
<td width="22%" rowspan="3" valign="top"><img src="/../../images/noticias/2014/octubre/lanzguri/000.JPG" width="215" height="148" /></td>
<td width="26%" height="40" valign="top" class="Estilo240"><p><a href="/../../noticias/2014/octubre/24_10_14_lanzguri.html"><strong>Se realiz&oacute; el lanzamiento de la XXXV </strong><br />
<strong>Fiesta Provincial del Gur&iacute; Entrerriano</strong></a></p></td>
</tr>
<tr>
<td valign="top" class="Estilo232">23-10-14 </td>
</tr>
<tr>
<td height="36" valign="top"><p>Luego del mensaje de las autoridades locales, los presentes disfrutaron de diferentes interpretaciones a cargo de gurises de nuestra ciudad.</p></td>
</tr>

</table>

[nachooakd]

te dejo los ccs

<style type="text/css">
<!--
body,td,th {
font-family: Calibri;
font-size: 14px;
color: #FFFFFF;
}
a:link {
text-decoration: none;
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #f5e1da;
text-decoration: none;
text-align: center;
font-family: Calibri;
}
.Estilo151 {color: #FFFFFF; font-weight: bold; font-size: 16px; }
body {
background-color: #CC3333;
}
.Estilo27 {
font-family: Calibri;
font-size: 24px;
}
.Estilo192 {color: #FFFFFF}
.Estilo61 { font-family: Calibri;
font-size: 14px;
color: #FFFFFF;
font-weight: normal;
}
.Estilo194 {color: #FFFFFF; font-size: 12px; }
.Estilo202 {color: #FFFFFF; font-weight: bold; }
.Estilo205 {color: #333333}
.Estilo213 {font-family: Calibri; font-weight: bold; color: #FFFFFF; }
.Estilo177 {font-size: 14px}
.Estilo217 {font-size: 18px}
.Estilo222 {color: #FFFFFF; font-size: 11px; font-weight: normal; }
.Estilo232 {font-size: 12px}
.Estilo236 {
font-family: Calibri;
font-size: 24px;
font-weight: bold;
text-align: left;
}
#FlashID {
text-align: center;
}
body div table tr td table tr td div table tr td {
text-align: center;
}
.Estilo239 {font-family: Calibri; font-size: 12px; color: #FFFFFF; font-weight: normal; }
.Estilo240 {
font-size: 16px;
font-weight: bold;
}
.Estilo236 a strong {
text-align: left;
}
.Izq {
text-align: left;
}
#silcartabla {
height: 0%;
width: 0%;
border-top-width: 4px;
border-top-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
#apDiv1 {
position:relative;
width:992px;
height:91px;
z-index:1;
top: 0%;
left: 0%;
}
.Estilo61 em strong {
font-size: 16px;
}
.Izq .Estilo236zxc {
text-align: left;
}
negro {
color: #333333;
}
.negro {
color: #333333;
}
.Estilo189 strong {
font-size: 16px;
}
body div table tr td table tr td table tr tdhh {
text-align: center;
}
.izqer {
text-align: center;
font-family: Calibri;
font-size: 12px;
}
.Estilo151 {
}
.Estilo151151 {
text-align: center;
}
.Estilo151 {
}
.asdddd {
color: #CC3333;
}
.Estilo151 div {
text-align: center;
}
.Estilo151 {
font-family: Calibri;
text-align: center;
}
.Estilo241 {
font-size: 20px;
font-weight: bold;
text-align: left;
}
.bTDASD {
color: #CC3333;
}
.SDGG {
color: #CC3333;
}
.IKKK {
color: #CC3333;
}
.rojito {
color: #CC3333;
}
.FG22 {
color: #CC3333;
}
.A22 {
text-align: left;
font-family: Calibri;
font-size: 12px;
}
.F34 {
font-size: 16px;
font-family: Calibri;
font-weight: bold;
text-align: center;
}
.setilo12 {font-size: 14px;
}
-->
</style>