Entrar

problema con tablas

Borjimante · · Solicitar retirada
Ayudame esq tengo hecho esto de mi pagina web estoy empezando y no se que hacer esto es lo que tengo echo:

[contenido no disponible]

muy poco verdad jejeje

bueno el caso esque el trozo naranja es el parrafo donde pondre descripciones, etc como tu pagina lo que quiero esq baje asta la barra azul pero al hacerlo me aumenta toda la tabla esa ¿como puedo hacer para que funcione y no me modifique la tabla ayudame pliz

POR FAVOR RESPONDEME CON CUALQUIER SOLUCION PLIZ

ESTE ES EL CODIGO HTM:
<html>
<head>
<title>Mis programas.com !!Tu portal web de descarga directa!!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<link href="estilo2.css" media="screen" rel="StyleSheet" type="text/css">
</head>


<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td width="300" height="91" class="a1">[contenido no disponible] </td>
<td width="113" class="a3">

[contenido no disponible] </p>


[contenido no disponible]</p>
<td width= 458>Publicidad Publicidad Publicidad Publicidad Publicidad Publicidad Publicidad Publicidad Publicidad Publicidad Publicidad Publicidad</td>
</tr>
</table>

<table width="99%" height="20" border="0" cellpadding="0px" cellspacing="0px">
<tr>
<td width="136" height="20" class="b1"><div align="center">Secciones</div></td>
<td width="752" class="b2">

En esta web podras descargarte programas de todo tipo de momento esta web</p>
</td>
</tr>
</table>

<table width="14%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="c1"> <div align="center">General</div></td>
</tr>
</table>

<table width="14%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="d1"><div align="center">Programas p2p</div></td>
</tr>
</table>

<table width="14%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="e1"><div align="center">Grabación</div></td>
</tr>
</table>

<table width="14%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="f1"><div align="center">Juegos</div></td>
</tr>
</table>

<table width="14%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="g1"><div align="center">Películas</div></td>
</tr>
</table>

<table width="14%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="h1"><div align="center">Música</div></td>
</tr>
</table>
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td width="170" height= "54" class="i1"><div align="center">Actualizada el
Lunes, 10-Oct-2005
</div></td>
<td width="" height= "54" class="i2"> <div align="center">


Visitas a esta página desde que se creo</p>

<SCRIPT LANGUAGE="JavaScript" src="http://contadores.miarroba.com/ver.php?id=389593"></SCRIPT>

</div>
<td width="180" height= "54" class="i3"><p align="center">Creada y diseñada por [correo eliminado]</p>
</tr>
</table>
</body>
</html>
JorGens · · Solicitar retirada
Mira que fácil.

Elimina este código de tu página, sin miedo (bueno, copiala antes en algún lugar, por si acaso... :roll: ):

 
<table width="14%" border="0px" cellspacing="0px" cellpadding="0px"> 
<tr> 
<td class="c1"> <div align="center">General</div></td> 
</tr> 
</table> 
 
<table width="14%" border="0px" cellspacing="0px" cellpadding="0px"> 
<tr> 
<td class="d1"><div align="center">Programas p2p</div></td> 
</tr> 
</table> 
 
<table width="14%" border="0px" cellspacing="0px" cellpadding="0px"> 
<tr> 
<td class="e1"><div align="center">Grabación</div></td> 
</tr> 
</table> 
 
<table width="14%" border="0px" cellspacing="0px" cellpadding="0px"> 
<tr> 
<td class="f1"><div align="center">Juegos</div></td> 
</tr> 
</table> 
 
<table width="14%" border="0px" cellspacing="0px" cellpadding="0px"> 
<tr> 
<td class="g1"><div align="center">Películas</div></td> 
</tr> 
</table> 
 
<table width="14%" border="0px" cellspacing="0px" cellpadding="0px"> 
<tr> 
<td class="h1"><div align="center">Música</div></td> 
</tr> 
</table>

Y en el hueco que has dejado pega este otro código:

<table class="99" border="0px" cellspacing="0px" cellpadding="10px">
	<tr>
		
		<td class="c1" valign=top>
		

[url="pon-la-ruta.htm"]General[/url]</p>
		

[url="pon-la-ruta.htm"]Programas P2P[/url]</p>
		

[url="pon-la-ruta.htm"]Grabación Iconos[/url]</p>
		

[url="pon-la-ruta.htm"]Juegos[/url]</p>
		

[url="pon-la-ruta.htm"]Películas[/url]</p>
		

[url="pon-la-ruta.htm"]Música[/url]</p>
		</td>
		

		
		<td class="c2" valign=top height="50">
		<h1>Este es el Título del Texto.</h1>
		

Tú tenias una tabla para cada sección del menú y yo me las he cargado y en su lugar he colocado celdas. La celda del menú es del tipo td.c1 y la del texto del tipo td.c2, según has definido en la hoja de estilo</p>
		

Si quieres varias el ancho de la celda del menú, vete a la hoja de estilo y varia el "width" que es la anchura de esa celda.</p>
		

Quizás también prefieras que los titulos del menú no aparezcan centrados. En ese caso cambia "text-align: center" por "text-align: left" </p>
		</td>
		
	</tr>
</table>

Ahora guardala y a ver que te parece.

El problema es que te has liado a crear una taba para cada una de las secciones del menú, cuando todo podía arreglarse con una tabla con dos partes, la parte izquierda para el menú y la parte derecha para el texto.

Además, en lugar de crear una tabla para cada sección, mejor pones directamente en la parte izquierda las secciones, sin tabla ni nada, tal y como puedes ver en el código que te propongo.

Ahora quizás tendrás que retocar algunas cosillas, pero bueno, me temo que ya sabes donde estamos para ayudarte :lol:

un saludo y.. ya nos contarás!

(hoa de consulta 9:03; hora de respuesta 9:15 :shock: No creais, nunca soy tan rápido :P :wink: )
Khrom · · Solicitar retirada
Hola Jorgens, no llevo mucho en CCTW pero estoy aprendiendo cada dia. Ahora estoy con el curso de html, en concreto con las tablas y como nos animas continuamente a hacer sugerencias quería apuntarte, aunque es muy probable que lo sepas (pero por si acaso ;), no aparecen los enlaces o las imagenes (no lo se muy bien prque no se ven) de los ejemplos de las tablas. Eso no me impide seguir las explicaciones que estan muy muy claritas, la verdad. Pero por si se trata de algun problemilla que puedas solucionar aqui te dejo el dato :)). Un saludo y gracias de nuevo por tu ésplendida página.