Entrar

los textos no salen donde me gustaria

malboro45 · · Solicitar retirada
Hola, mi web es www.laposadacastril.com y tengo el problema que el contenido principal sale muy separado del menu, en el htlm.kit sale junto para al subirlo al servidor sale separado. los otros enlaces como CASA, si sale bien
el codigo es

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>POSADA CASTRIL</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<LINK HREF="style.css" TYPE="text/css" REL="stylesheet">
</head>
<body>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="100" valign="top" class="tab">
<table width="785" height="100" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="10" height="100" valign="top"><img src="images/left.jpg"><br><img src="images/left1.jpg" style="margin-top:147px;"></td>
<td width="763" height="100" valign="top">
<table width="763" height="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="763" height="200"valign="top" ><img src="images/logo.jpg"></td>
</tr>
<tr>
<td width="763" height="63" valign="top" class="menu_im">
<table width="763" height="63" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="123" valign="top"><img src="images/menu_line.jpg" align="right"><div class="div_menu">
<a href="index.html" class="menu">INICIO</a></div></td>
<td width="123" valign="top"><img src="images/menu_line.jpg" align="right"><div class="div_menu">
<a href="index-1.html" class="menu"> CASA</a></div></td>
<td width="148" valign="top"><img src="images/menu_line.jpg" align="right"><div style="margin-top:25px; margin-left:10px;">
<a href="index-3.html" class="menu">TARIFAS</a></div></td>
<td width="123" valign="top"><img src="images/menu_line.jpg" align="right"><div class="div_menu">
<a href="index-4.html" class="menu">ENTORNO</a></div></td>
<td width="123" valign="top"><div class="div_menu">
<a href="index-5.html" class="menu">CONTACTO</a></div></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="763" height="7" valign="top"></td>
</tr>
<tr>
<td width="763" height="100" valign="top" class="bg"><img src="images/t_left.jpg" align="left"><img src="images/t_right.jpg" align="right">
<table width="761" height="100" border="0" cellspacing="0" cellpadding="0">
<td width="253" height="100" valign="top"><div class="blok"><span class="title">BIENVENIDOS A CASTRIL</span><br><br>
<img src="images/pueblo.jpeg" width="200" height="140" class="pictures">
<strong class="yallow"></strong><br>
Castril de la Peña, pueblo al norte de la provincia de Granada, cuenta con numerosos parajes de gran belleza <br><br>
<div class="liner"><img src="images/spacer.gif" width="220" height="1"></div>

<img src="images/rio.jpeg" width="200" height="140" class="pictures"><br>
<strong class="yallow">RIO</strong><br><br>
Paseos por el rio desde su nacimiento hasta tu angosta garganta, con sus puentes colgantes, y su pasarela de madera <br><br>
<div class="liner"><img src="images/spacer.gif" width="220" height="1"></div>

<img src="images/embalse.jpeg" width="200" height="140" class="pictures"><br><br>
<strong class="yallow">EMBALSE</strong><br><br>
Embalse para realizar todas tus actividades acuaticas<br><br>
<div class="liner"><img src="images/spacer.gif" width="220" height="1"></div>


</div></td>
<td width="1" height="100" valign="top" class="line"></td>
<td width="253" height="100" valign="top"><div class="blok"><span class="title">LA CASA</span><br><br>
<strong></strong>Casa en el centro del pueblo ideal para escapadas romanticas, viaje en familia, descansar,
compuesta de 3 plantas


<br><br>

<img src="images/fachada.jpg" width="220" height="190"><br><br>
<a href="#" class="read"></a> La casa consta de tres habitaciones, con capacidad de 2 a 7 personas <br><br>
<div class="liner"><img src="images/cama1.jpg" width="200" height="140"><br><br><img src="images/salon.jpg" width="200" height="140"></div>



</div></td>
<td width="1" height="100" valign="top" class="line"></td>
<td width="253" height="100" valign="top"><div class="blok"><span class="title">ALREDEDORES DE CASTRIL</span><br><br>

<img src="images/read.jpg" class="str"><a href="http://www.nevasport.com/sierranevada/"target="_blank" class="read">SIERRA NEVADA</a><br><br>
<div class="liner"><img src="images/spacer.gif" width="220" height="1"></div>
<img src="images/read.jpg" class="str"><a href="http://www.sierrasdecazorlaseguraylasvillas.es/"target="_blank" class="read">SIERRA DE CAZORLA</a><br><br>
<div class="liner"><img src="images/spacer.gif" width="220" height="1"></div>
<img src="images/read.jpg" class="str"><a href="http://www.sierradebaza.org/principal_12-10/principal_12-10.htm"target="_blank" class="read">SIERRA DE BAZA</a><br><br>
<div class="liner"><img src="images/spacer.gif" width="220" height="1"></div>
<img src="images/read.jpg" class="str"><a href="http://www.cuevaspedroantonio.es/"target="_blank" class="read">GUADIX.</a><br><br>
<div class="liner"><img src="images/spacer.gif" width="220" height="1"></div>
<img src="images/read.jpg" class="str"><a href="http://www.granadaapie.com/visitagranada?gclid=CNPyhJ7Np7MCFanItAod…" target="_blank"class="read">GRANADA</a><br><br>
<div class="liner"><img src="images/spacer.gif" width="220" height="1"></div>
<img src="images/read.jpg" class="str"><a href="#"target="_blank" class="read"></a><br><br>
<div class="liner"><img src="images/spacer.gif" width="220" height="1"></div>

<strong>VISITAS A 100 km. DE CASTRIL.</strong><br><br>
Excursiones de un dia, sky, parques naturales, rios, pantanos, monumentos<br><br><br>
<img src="images/alambra.jpeg"width="230" height="240" class="str"><a href="#" class="read"></a>
</div></td>
</tr>
</table>

</td>
</tr>
<tr>
<td width="763" height="15" valign="top"></td>
</tr>
</table>
</td>
<td width="12" height="100" valign="top"><img src="images/right.jpg"><br><img src="images/right1.jpg" style="margin-top:147px;"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="69" valign="top" class="bottom"><div align="center" class="copyright">
<a href="index.html" class="menu_bottom">inicio</a> &nbsp; | &nbsp;
<a href="index-1.html" class="menu_bottom">casa</a> &nbsp; | &nbsp;
<a href="index-2.html" class="menu_bottom">castril</a> &nbsp; | &nbsp;
<a href="index-3.html" class="menu_bottom">tarifas</a> &nbsp; | &nbsp;
<a href="index-4.html" class="menu_bottom">entorno</a> &nbsp; | &nbsp;
<a href="index-5.html" class="menu_bottom">contacto</a><br><br>


</div></td>
</tr>
</table>
</body>
</html>

gracias por vuestra ayuda ( yo aprendi en el curso de cctw)
skaparate · · Solicitar retirada
Hola:

Que lío de código XD, pero bueno :P. El problema es que tienes una fila sin contenido (inmediatamente después del menú) y luego viene una columna que contiene 2 imágenes con align="left" y align="right", las que ocupan la separación que señalas:

<tr>
<td width="123" valign="top"><img src="images/menu_line.jpg" align="right"><div class="div_menu">
<a href="index.html" class="menu">INICIO</a></div></td>
<td width="123" valign="top"><img src="images/menu_line.jpg" align="right"><div class="div_menu">
<a href="index-1.html" class="menu"> CASA</a></div></td>
<td width="148" valign="top"><img src="images/menu_line.jpg" align="right"><div style="margin-top:25px; margin-left:10px;">
<a href="index-3.html" class="menu">TARIFAS</a></div></td>
<td width="123" valign="top"><img src="images/menu_line.jpg" align="right"><div class="div_menu">
<a href="index-4.html" class="menu">ENTORNO</a></div></td>
<td width="123" valign="top"><div class="div_menu">
<a href="index-5.html" class="menu">CONTACTO</a></div></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="763" height="7" valign="top"></td>
</tr>
<tr>
<td width="763" height="100" valign="top" class="bg">[COLOR="#FF0000"]<img src="images/t_left.jpg" align="left"><img src="images/t_right.jpg" align="right">[/COLOR]<table>...</tr>

Si quitas las imágenes la separación debería desaparecer.

Consejo o crítica: no utilices tablas para hacer el diseño del sitio; solo utilízalas para insertar contenido del tipo estadísticas (contenido tabular). Siempre separa los estilos del HTML usando CSS, pues será MUCHO más fácil de modificar.

Saludos.
malboro45 · · Solicitar retirada
borre esas dos lineas, y sigue igual, esas lines son dos barritas de adorno,, en la carpeta raiz en mi html.kit, al ticar previev, si me salen los textos arriba del todo, pero al subirlo al servidor,, salen mas abajo, comporbe con opera, ie. crome y en todos salen igual
skaparate · · Solicitar retirada
Nunca te fíes en la vista previa de HTML-kit ni ningún otro editor HTML porque no utilizan las mismas medidas que los navegadores; siempre has la vista previa con cualquier navegador (en realidad deberías verla con todos).

Volviendo al problema... al quitar la imágenes, en cualquier navegador, puedo ver que desparece el espacio vacío :P. Aquí puedes ver lo que yo veo al quitar las imágenes en Firefox, Google Chrome, Opera y Safari.

Saludos.