Para armar una especie de tabla...

Hola! Una vez mas estoy sin saber como apañarmelas yo solita! Estoy ya a punto de terminar una pagina y necesito armar una especie de tabla en la que muestro ciertos nombres de Datos y los datos... por ejemplo:

Nombre: cuca
Edad: 22
Ciudad: Buenos Aires...

y asi sucesivamente... queria saber como se puede lograr q los datos con los lleno esas "preguntas" (en forma de texto normal) se alineen a una misma distancia desde las preguntas sin tener q ir usando la barra espaciadora para acomodarlos y sin tener q dividir en capas los campos y los datos por que asi lo venia haciendo pero por ello se me va para cualquier lado el pie de mi pagina =(
Desde ya muchas gracias =) :wink:
Lau...

pues... o usas capas o tablas

si las divs te dan problema

pega aqui los codigos para checarlo

saludos

Las tablas como se arman? solo sabia como armar capas... lo q venia haciendo hasta ahora me da problemas por que para que no se me suba el pie de pagina tenia q darle un alto fijo a las mismas y tengo que usarlas en diferentes paginas y no todas tendran el mismo alto....

Esto en lo de html

<div id="fondocasco">

<div id="fotero">[img]objetos/boulogne.jpg[/img]</div>

<div id="cascoficha">

[b]Zona:[/b]</p>

[b]Lote:[/b]</p>


[b]Metros Cubiertos:[/b]</p>

[b]Fondo Libre:[/b]</p>


[b]Plantas:[/b]</p>

[b]Techos:[/b]</p>

[b]Antigüedad:[/b]</p>


[b]Orientación:[/b]</p>

[b]Servicios:[/b]</p>

[b]Calefacción:[/b]</p>

[b]Hall:[/b]</p>


[b]Living:[/b]</p>

[b]Comedor:[/b]</p>

[b]Cocina:[/b]</p>

[b]Comedor Diario:[/b]</p>


[b]Nº Dormitorios:[/b]</p>

[b]Medidas:[/b]</p>


[b]Toilette:[/b]</p>

[b]Baño:[/b]</p>

[b]Playroom:[/b]</p>


[b]Balcón:[/b]</p>

[b]Terraza:[/b]</p>

[b]Lavadero:[/b]</p>

[b]Jardín:[/b]</p>


[b]Patio:[/b]</p>

[b]Parrilla:[/b]</p>

[b]Quincho:[/b]</p>

[b]Pileta:[/b]</p>


[b]Bohardilla:[/b]</p>



[b]Garaje:[/b]</p></div>

<div id="datosficha">


Residencial</p>

10 x 28</p>

116 m2</p>

10 x 10</p>

2</p>

Tejas</p>

30 años</p>


Sur</p>

Todos</p>

Picos</p>

Si</p>

5 x 4 piso granítico</p>

Integrado</p>


5 x 3.20 piso cerámico</p>

Integrado</p>

2 con placard y pisos parquet</p>


3.20 x 3</p>

En playroom c/ducha</p>

Uno completo</p>

4 x 3</p>


No</p>

No</p>

Si</p>

Al frente y al fondo (10x10)</p>


Si</p>

No</p>

No</p>

No</p>

No</p>

1 auto</p>
</div>

</div>

<div>
<div id="datos">Ricardo Gutierrez 1515 Of. Nº6 - Olivos - Tel: 4790-4599/2765 - C.S.I. Nº 3704/4555</div>
<div id="pie"><div id="empresa1">[url="empresa.html"]Empresa[/url]</div><div id="propiedades1">[url="propiedades.html"]Propiedades[/url]</div><div id="tasaciones1">[url="tasaciones.html"]Tasaciones[/url]</div><div id="contactenos1">[url="contactenos.html"]Contáctenos[/url]</div></div>
</div>

y esto es la pagina de estilos la parte q respecta a estos elementos...

#fondocasco {background-color:red}
#fotero {height:600px; background-color:white; float:left; width: 400px; padding: 10px 10px 10px 10px}
#cascoficha {height:600px; background-color:white; float:left; width: 160px; font-size: 13; padding: 10px 4px 10px 4px; border-left: blue 2px solid}
#cascoficha p {font-family: georgia; padding: 1px 10px 0px 10px; margin:0px; text-align: left}
#datosficha {height:600px; background-color:white; float:left; width: 240px; font-size: 13; padding: 10px 5px 10px 5px}
#datosficha p {font-family: georgia; padding: 1px 10px 0px 10px; margin:0px; text-align: left}


Nuevamente muchas gracias por tu paciencia!!!! Saludos... Lau...

hola

las tablas se arman asi

<table>***abrimos la tabla***
<tr>***abrimos una fila***
<td>***abrimos una celda***
</td>***cerramos la celda
</tr>**cerramos la fila
</table>**cerramos la tabla

como verás muchos codigos para una simple celda
en el pagina de cctw, hay un curso para tablas
dale una revisada, no te tomará mucho tiempo hacerla
y asi comprenderas bien para que es, y para que sirve

para ayudarte con tus codigos, necesito me muestres
todo el html completo
y todo el css completo
ya que muchas de las cosas del css, se "heredan"

saludos

Yaneth te mando los códigos como me los pediste ahora los cambie aplicando la tabla y mi problema desaparecio asiq por ese lado ¡muchas gracias! igualmente te los envio para q los revises si es q puedes por que no me tengo mucha confianza y probablemente alguna macana me estoy mandando mas q nada con como aplicar los estilos en la tabla... me costo un poco ingeniarmelas porq uso el html.kit y las lecciones q vi de tablas q me recomendaste estan hechas para dreamw. y tuve q ver como aplicar las cosas como podia...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>PUERTA PROPIEDADES</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
</head>

<body>
<div id="global">

<div>
<div id="logo">[img]objetos/puerta-logo.bmp[/img]</div>
<div id="empresa">[url="empresa.html"]Empresa[/url]</div>
<div id="propiedades">[url="propiedades.html"]Propiedades[/url]</div>
<div id="tasaciones">[url="tasaciones.html"]Tasaciones[/url]</div>
<div id="contactenos">[url="contactenos.html"]Contáctenos[/url]</div>
</div>

<div id="cuerpotitulo1">[i][b]BOULOGNE[/b][/i]</div>
<div id="cuerpotitulo2">[i][b]U$S 93.000[/b][/i]</div>

<div id="fondocasco">

<div id="fotero">[img]objetos/boulogne.jpg[/img]</div>

<table>
<tr><td>[b]Zona:[/b]</td><td>Residencial</td></tr>
<tr><td>[b]Lote:[/b]</td><td>10 x 28</td></tr>
<tr><td>[b]Metros Cubiertos:[/b]</td><td>116 m2</td></tr>
<tr><td>[b]Fondo Libre:[/b]</td><td>10 x 10</td></tr>
<tr><td>[b]Plantas:[/b]</td><td>2</td></tr>
<tr><td>[b]Techos:[/b]</td><td>Tejas</td></tr>
<tr><td>[b]Antigüedad:[/b]</td><td>30 años</td></tr>
<tr><td>[b]Orientación:[/b]</td><td>Sur</td></tr>
<tr><td>[b]Servicios:[/b]</td><td>Todos</td></tr>
<tr><td>[b]Calefacción:[/b]</td><td>Picos</td></tr>
<tr><td>[b]Hall:[/b]</td><td>Si</td></tr>
<tr><td>[b]Living:[/b]</td><td>5 x 4 piso granítico</td></tr>
<tr><td>[b]Comedor:[/b]</td><td>Integrado</td></tr>
<tr><td>[b]Cocina:[/b]</td><td>5 x 3.20 piso cerámico</td></tr>
<tr><td>[b]Comedor Diario:[/b]</td><td>Integrado</td></tr>
<tr><td>[b]Nº Dormitorios:[/b]</td><td>2 con placard y pisos parquet</td></tr>
<tr><td>[b]Medidas:[/b]</td><td>3.20 x 3</td></tr>
<tr><td>[b]Toilette:[/b]</td><td>En playroom c/ducha</td></tr>
<tr><td>[b]Baño:[/b]</td><td>Uno completo</td></tr>
<tr><td>[b]Playroom:[/b]</td><td>4 x 3</td></tr>
<tr><td>[b]Balcón:[/b]</td><td>No</td></tr>
<tr><td>[b]Terraza:[/b]</td><td>No</td></tr>
<tr><td>[b]Lavadero:[/b]</td><td>Si</td></tr>
<tr><td>[b]Jardín:[/b]</td><td>Al frente y al fondo (10x10)</td></tr>
<tr><td>[b]Patio:[/b]</td><td>Si</td></tr>
<tr><td>[b]Parrilla:[/b]</td><td>No</td></tr>
<tr><td>[b]Quincho:[/b]</td><td>No</td></tr>
<tr><td>[b]Pileta:[/b]</td><td>No</td></tr>
<tr><td>[b]Bohardilla:[/b]</td><td>No</td></tr>
<tr><td>[b]Garaje:[/b]</td><td>1 auto</td></tr>
</table>

</div>

<div>
<div id="datos">Ricardo Gutierrez 1515 Of. Nº6 - Olivos - Tel: 4790-4599/2765 - C.S.I. Nº 3704/4555</div>
<div id="pie"><div id="empresa1">[url="empresa.html"]Empresa[/url]</div><div id="propiedades1">[url="propiedades.html"]Propiedades[/url]</div><div id="tasaciones1">[url="tasaciones.html"]Tasaciones[/url]</div><div id="contactenos1">[url="contactenos.html"]Contáctenos[/url]</div></div>
</div>

</div>
</body>

</html>

Estilos:

#global {width:800px ; margin:4px auto }
body {text-align: center; background-color:#CFCFCF}
p {text-align: justify}

#logo {background-color:#00FF00; width: 320px; height:100px; overflow:hidden; float: left; border-left: white 2px solid; border-top: white 2px solid}
#empresa {background-image: url(objetos/fondo-empresa.bmp); width: 120px; height:100px; float: left;
border-left: white 2px solid; border-top: white 2px solid; padding: 70px 0px 0px 0px}
#propiedades {background-image: url(objetos/fondo-propiedades.bmp); width: 120px;height:100px; float: left;
border-left: white 2px solid; border-top: white 2px solid; padding: 70px 0px 0px 0px}
#tasaciones {background-image: url(objetos/fondo-tasaciones.bmp); width: 120px; height:100px; float: left;
border-left: white 2px solid; border-top: white 2px solid; padding: 70px 0px 0px 0px}
#contactenos {background-image: url(objetos/fondo-contactenos.bmp); float: left;width: 120px; height:100px;
border-left: white 2px solid; border-right: white 2px solid; border-top: white 2px solid; padding: 70px 0px 0px 0px}

#cuerpotitulo {font-size:20; text-align:left; color:white; padding:5px 0px 5px 40px; height:30px; background-color:#0000FF; border-left:white 2px solid; border-right:white 2px solid; border-top:white 2px solid; border-bottom: white 2px solid}
#cuerpotitulo1 {font-size:16; text-align: center; color:white;padding:2px 0px 2px 0px; height:24px; background-color:#0000FF; border-left:white 2px solid; border-right:white 2px solid; border-top:white 2px solid; border-bottom: white 2px solid}
#cuerpotitulo2 {font-size:14; text-align: center; color:blue; height:20px; background-color:white; border-left:white 2px solid; border-right:white 2px solid; border-top:white 2px solid; border-bottom: white 2px solid}

#cuerpo {font-size: 14; background-image: url(objetos/fondo-cuerpo.bmp); padding: 10px 14px 10px 14px; border-left: white 2px solid; border-right: white 2px solid}
#cuerpo p {text-indent: 20px}
#cuerpo ul {text-align: left}

#fichero {font-size: 14; background-color: white ; padding: 10px 14px 10px 14px; border-left: white 2px solid; border-right: white 2px solid}
#fichafoto {float:left; padding: 10px 5px 5px 5px; height:150px}
#ficha {border-bottom: blue 1px solid; height:150px; padding: 10px 10px 0px 10px}
#ficha p {padding: 0px 10px 0px 10px; margin:0px }

#fondocasco {background-color:white; padding: 10px 10px 10px 10px}
#fotero {background-color:white; float:left; width: 400px; padding: 10px 10px 10px 10px}
#fondocasco td {font-size:12; font-family: georgia}

#pasante {height: 10px; background-color:#C1FFC1; border-left: white 2px solid; border-right: white 2px solid}
#pasante1 {font-family: georgia; margin: 2px 10px 2px 10px; font-size: 14px; float:left}
#masprop {float: left; color:blue;font-family: georgia; margin: 0px 10px 0px 280px; font-size: 14px}
#rayita {float: left; color:blue;font-family: georgia; margin: 0px 10px 0px 10px; font-size: 14px}

#datos {color: blue; height: 20 px; background-color: #00FF7F;border-left: white 2px solid; border-right: white 2px solid; border-top:white 2px solid; border-bottom: white 2px solid}

#pie{height: 20px; background-color:#00FF00; border-left: white 2px solid; border-right: white 2px solid; border-bottom: white 2px solid}
#empresa1 {font-family: georgia; margin: 10px 10px 0px 220px; font-size: 14px; float:left}
#propiedades1{font-family: georgia; margin: 10px 10px 0px 10px; font-size: 14px; float:left}
#tasaciones1{font-family: georgia; margin: 10px 10px 0px 10px; font-size: 14px; float:left}
#contactenos1{font-family: georgia; margin: 10px 10px 0px 10px; font-size: 14px; float:left}

a {color: blue; text-decoration: none; display: block}
a:link {}
a:visited {}
a:hover {font-weight: bold}
a:active {}

h1 {font-size:13; text-align:left; color:white; padding:5px 0px 5px 10px}
h2 {text-align: right; font-size:14; padding: 0px 10px 0px 10px; margin:0px}


Muchas gracias por tu paciencia y sobre todo por tu gran ayuda!!!
Lau :D

chin, ya te habia respondido
pero se borró

checa las medidas de los anchos

#logo {background-color:#00FF00; width: 320px; height:100px; overflow:hidden; float: left; border-left: white 2px solid; border-top: white 2px solid}
#empresa {background-image: url(objetos/fondo-empresa.bmp); width: 120px; height:100px; float: left;
border-left: white 2px solid; border-top: white 2px solid; padding: 70px 0px 0px 0px}
#propiedades {background-image: url(objetos/fondo-propiedades.bmp); width: 120px;height:100px; float: left;
border-left: white 2px solid; border-top: white 2px solid; padding: 70px 0px 0px 0px}
#tasaciones {background-image: url(objetos/fondo-tasaciones.bmp); width: 120px; height:100px; float: left;
border-left: white 2px solid; border-top: white 2px solid; padding: 70px 0px 0px 0px}
#contactenos {background-image: url(objetos/fondo-contactenos.bmp); float: left;width: 120px; height:100px;
border-left: white 2px solid; border-right: white 2px solid; border-top: white 2px solid; padding: 70px 0px 0px 0px}

y sumale tambien los bordes, asi te darás cuenta
que no caben en los 800px que mide tu web

lo checas, lo corrijes, y vuelves a pegar los codigos para seguirlo revisando

saludos

Yaneth una vez mas agradezco de corazon la paciencia y la ayuda q me estas brindando... comprendi el error q m marcaste en la parte de los margenes y corregi eso en la pagina de estilos... ahora aqui si q no se donde meti la pata... en total eran unos 12 pixeles los q sobresalian de lo q me permitian los 800 fijos q puse a la pagina en general... lo reste en cada recuadro dejandolo como esta en el codigo abajo pegado... ahora cuando hago vista previa en todas las paginas aparece esa parte de arriba mas angosto q los 800 que respetan el resto de las capas... es la unica q no llega a los 800 y haciendo viste previa con las medidas anteriores si se veian todas parejas... realmente soy tan torpe q ni cuenta me doy adonde meti la pata? jajaja
aqui dejo la pagina de estilos con el cambio q me marcaste... nuevamente gracias...

#global {width:800px ; margin:4px auto }
body {text-align: center; background-color:#CFCFCF}
p {text-align: justify}

#logo {background-color:#00FF00; width: 318px; height:100px; overflow:hidden; float: left; border-left: white 2px solid; border-top: white 2px solid}
#empresa {background-image: url(objetos/fondo-empresa.bmp); width: 118px; height:100px; float: left;
border-left: white 2px solid; border-top: white 2px solid; padding: 70px 0px 0px 0px}
#propiedades {background-image: url(objetos/fondo-propiedades.bmp); width: 118px;height:100px; float: left;
border-left: white 2px solid; border-top: white 2px solid; padding: 70px 0px 0px 0px}
#tasaciones {background-image: url(objetos/fondo-tasaciones.bmp); width: 118px; height:100px; float: left;
border-left: white 2px solid; border-top: white 2px solid; padding: 70px 0px 0px 0px}
#contactenos {background-image: url(objetos/fondo-contactenos.bmp); float: left;width: 118px; height:100px;
border-left: white 2px solid; border-right: white 2px solid; border-top: white 2px solid; padding: 70px 0px 0px 0px}

#cuerpotitulo {font-size:20; text-align:left; color:white; padding:5px 0px 5px 40px; height:30px; background-color:#0000FF; border-left:white 2px solid; border-right:white 2px solid; border-top:white 2px solid; border-bottom: white 2px solid}
#cuerpotitulo1 {font-size:16; text-align: center; color:white;padding:2px 0px 2px 0px; height:24px; background-color:#0000FF; border-left:white 2px solid; border-right:white 2px solid; border-top:white 2px solid; border-bottom: white 2px solid}
#cuerpotitulo2 {font-size:14; text-align: center; color:blue; height:20px; background-color:white; border-left:white 2px solid; border-right:white 2px solid; border-top:white 2px solid; border-bottom: white 2px solid}

#cuerpo {font-size: 14; background-image: url(objetos/fondo-cuerpo.bmp); padding: 10px 14px 10px 14px; border-left: white 2px solid; border-right: white 2px solid}
#cuerpo p {text-indent: 20px}
#cuerpo ul {text-align: left}

#fichero {font-size: 14; background-color: white ; padding: 10px 14px 10px 14px; border-left: white 2px solid; border-right: white 2px solid}
#fichafoto {float:left; padding: 10px 5px 5px 5px; height:150px}
#ficha {border-bottom: blue 1px solid; height:150px; padding: 10px 10px 0px 10px}
#ficha p {padding: 0px 10px 0px 10px; margin:0px }

#fondocasco {background-color:white; padding: 10px 10px 10px 10px}
#fotero {background-color:white; float:left; width: 400px; padding: 10px 0px 10px 10px}
#fondocasco td {font-size:12; font-family: georgia}

#pasante {height: 10px; background-color:#C1FFC1; border-left: white 2px solid; border-right: white 2px solid}
#pasante1 {font-family: georgia; margin: 2px 10px 2px 10px; font-size: 14px; float:left}
#masprop {float: left; color:blue;font-family: georgia; margin: 0px 10px 0px 280px; font-size: 14px}
#rayita {float: left; color:blue;font-family: georgia; margin: 0px 10px 0px 10px; font-size: 14px}

#datos {color: blue; height: 20 px; background-color: #00FF7F;border-left: white 2px solid; border-right: white 2px solid; border-top:white 2px solid; border-bottom: white 2px solid}

#pie{height: 20px; background-color:#00FF00; border-left: white 2px solid; border-right: white 2px solid; border-bottom: white 2px solid}
#empresa1 {font-family: georgia; margin: 10px 10px 0px 220px; font-size: 14px; float:left}
#propiedades1{font-family: georgia; margin: 10px 10px 0px 10px; font-size: 14px; float:left}
#tasaciones1{font-family: georgia; margin: 10px 10px 0px 10px; font-size: 14px; float:left}
#contactenos1{font-family: georgia; margin: 10px 10px 0px 10px; font-size: 14px; float:left}

a {color: blue; text-decoration: none; display: block}
a:link {}
a:visited {}
a:hover {font-weight: bold}
a:active {}

h1 {font-size:13; text-align:left; color:white; padding:5px 0px 5px 10px}
h2 {text-align: right; font-size:14; padding: 0px 10px 0px 10px; margin:0px}

ok

lo estoy checando y te aviso

:wink:

yaneth qria saber si encontraste alguna explicacion a lo q pasa con lo de los margenes en mi pagina y si pudieras aconsejarme algo...
frene el armado de la pagina para no completar aun mas cosas arrastrando algun error...
Desde ya muchas gracias!

Lau :D