Foros del Web » Creando para Internet » HTML »

Problemas con tablas

Estas en el tema de Problemas con tablas en el foro de HTML en Foros del Web. Bueno, lo primero de todo decir que este es mi primer post en este foro (está muy bien definido y con mucho contenido ;)). Tengo ...
  #1 (permalink)  
Antiguo 17/06/2004, 14:22
 
Fecha de Ingreso: junio-2004
Mensajes: 5
Antigüedad: 20 años, 4 meses
Puntos: 0
Mensaje Problemas con tablas

Bueno, lo primero de todo decir que este es mi primer post en este foro (está muy bien definido y con mucho contenido ;)).

Tengo varios problemas con las tablas (acabo de empezar en esto de las webs :P).
En la web que estoy haciendo, que consiste en una tabla con una celda superior para la imagen de la web, otra en el lateral izquierdo, para colocar las secciones, y la principal, que es donde se colocaria el contenido.

Al hacer la web de esta manera tengo el problema de que si coloco cosas en un lateral, el texto de la principal se situa en el medio. Sé que esto se puede solucionar con otra tabla, pero ¿no habría otra manera de hacerlo?

Después también he hecho una celda entre la celda superior, donde se situa la imagen del titulo del web y entre la resta de celdas que se encuentran debajo. Mi intención es hacerla para que parezca un borde de separación. Esto también lo he intentado hacer entre la celda en que se situan las secciones y la celda de contenido.

Y finalmente mi último "problema". Cuando coloco texto en una celda el texto se queda pegado a la pared, ¿como puedo hacer para que esto no pase? y ¿Como puedo definir el ancho de la celda?

Perdonad con tantas preguntas, pero no me quedaron claro varias cosas de los manuales que leí. Porcierto, las tablas de que os hablo están colocadas en rojo para que las podais apreciar, mi intención era dejarlas igual que el borde negro que hay en la tabla anterior, el que rodea las celdas.

Mi página web es www.manteroweb.tk

Saludos,
MANTERO.
  #2 (permalink)  
Antiguo 17/06/2004, 15:40
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 20 años, 8 meses
Puntos: 63
Hola

primero lo fácil

El problema de que se te quedan las cosas pegadas al borde y más grosor de borde de celdaslo arreglas con:

<table cellspacing="5" cellpadding="5" border="1">

Cellpadding = espacio de separación entre el borde de la celda y el contenido
Cellspacing = espacio entre los bordes de las celdas

Sigamos.

SI te refieres a que el texto no está arriba en la celda, lo arreglas con:

<td align="top">

Si lo quieres abajo, es:

<td align="bottom">

No tengo claro si eso es todo, pero al menos puedes empezar.

Te recomiendo que pases por los diferentes mensajes del foro que hablan de manuales y tutoriales de manera que consigas algunas, eso te ayudará a aprender más cosas y más rápido.

Aunque recuerda, la mejor manera es practicar.

Y cuando tengas dudas, aquí estamos.

Suerte

Felicidad
__________________
¡ hey, hou, hou, hey !
  #3 (permalink)  
Antiguo 17/06/2004, 16:38
 
Fecha de Ingreso: junio-2004
Mensajes: 5
Antigüedad: 20 años, 4 meses
Puntos: 0
Buenas, lo de <td align=top> no me ha servido, no va... Porcierto, lo de cellpadding... hay posibilidad de colocarlo en <td> para que solo afecte a esa celda? He probado colocando lo de cellpaddin="10" en td pero no funciona. Sabes algún metodo?

Saludos,
MANTERO.
  #4 (permalink)  
Antiguo 17/06/2004, 16:43
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 20 años, 8 meses
Puntos: 63
Hola

Mira esta tablita de ejmplo:

Código:
<table width="100%" border="1">
     <tr>
          <td><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p></td>
          <td style="vertical-align: top; padding: 10px;">hola</td>
     </tr>
</table>
Suerte

Felicidad
__________________
¡ hey, hou, hou, hey !
  #5 (permalink)  
Antiguo 18/06/2004, 07:48
 
Fecha de Ingreso: junio-2004
Mensajes: 5
Antigüedad: 20 años, 4 meses
Puntos: 0
Buenas de nuevo! Al final investigando y con tu ayuda solucione todos los problemas pero me surgió uno nuevo. Sabes como se puede hacer para que el borde de una tabla se discontinuo, tipo esto: - - - - - - (con discontinuo me referia a eso).

Saludos,
MANTERO.
  #6 (permalink)  
Antiguo 18/06/2004, 10:05
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 20 años, 8 meses
Puntos: 63
Hola

Usa esto:

<table style="border 1px dashed #ff0000;">

Con eso te saldrá un borde de lineas, si la quieres punteada utiliza dotted:

Y de paso, te recomiendo que pases por aquí para más opciones:

http://www.w3.org/TR/CSS2/box.html

Suerte

Felicidad
__________________
¡ hey, hou, hou, hey !
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:28.