Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 9 de 9

Tema: Para armar una especie de tabla...

  1. #1
    Recien Llegado! Habitual
    Fecha de Ingreso
    12 ene, 09
    Ubicación
    buenos aires, argentina
    Mensajes
    13
    Poder de Reputación
    17

    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 =)
    Lau...
    LAURI

  2. #2
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,599
    Poder de Reputación
    71
    pues... o usas capas o tablas

    si las divs te dan problema

    pega aqui los codigos para checarlo

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

  3. #3
    Recien Llegado! Habitual
    Fecha de Ingreso
    12 ene, 09
    Ubicación
    buenos aires, argentina
    Mensajes
    13
    Poder de Reputación
    17
    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

    Código:
    <div id="fondocasco">
    
    <div id="fotero">[img]objetos/boulogne.jpg[/img]</div>
    
    <div id="cascoficha">
    
    Zona:</p>
    
    Lote:</p>
    
    
    Metros Cubiertos:</p>
    
    Fondo Libre:</p>
    
    
    Plantas:</p>
    
    Techos:</p>
    
    Antigüedad:</p>
    
    
    Orientación:</p>
    
    Servicios:</p>
    
    Calefacción:</p>
    
    Hall:</p>
    
    
    Living:</p>
    
    Comedor:</p>
    
    Cocina:</p>
    
    Comedor Diario:</p>
    
    
    Nº Dormitorios:</p>
    
    Medidas:</p>
    
    
    Toilette:</p>
    
    Baño:</p>
    
    Playroom:</p>
    
    
    Balcón:</p>
    
    Terraza:</p>
    
    Lavadero:</p>
    
    Jardín:</p>
    
    
    Patio:</p>
    
    Parrilla:</p>
    
    Quincho:</p>
    
    Pileta:</p>
    
    
    Bohardilla:</p>
    
    
    
    Garaje:</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">Empresa</div><div id="propiedades1">Propiedades</div><div id="tasaciones1">Tasaciones</div><div id="contactenos1">Contáctenos</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...
    LAURI

  4. #4
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,599
    Poder de Reputación
    71
    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
    ______________________________________

    reparacion de rines


    _____________________________________

  5. #5
    Recien Llegado! Habitual
    Fecha de Ingreso
    12 ene, 09
    Ubicación
    buenos aires, argentina
    Mensajes
    13
    Poder de Reputación
    17
    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...

    Código:
    <!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">Empresa</div>
    <div id="propiedades">Propiedades</div>
    <div id="tasaciones">Tasaciones</div>
    <div id="contactenos">Contáctenos</div>
    </div>
    
    <div id="cuerpotitulo1">BOULOGNE</div>
    <div id="cuerpotitulo2">U$S 93.000</div>
    
    <div id="fondocasco">
    
    <div id="fotero">[img]objetos/boulogne.jpg[/img]</div>
    
    <table>
    <tr><td>Zona:</td><td>Residencial</td></tr>
    <tr><td>Lote:</td><td>10 x 28</td></tr>
    <tr><td>Metros Cubiertos:</td><td>116 m2</td></tr>
    <tr><td>Fondo Libre:</td><td>10 x 10</td></tr>
    <tr><td>Plantas:</td><td>2</td></tr>
    <tr><td>Techos:</td><td>Tejas</td></tr>
    <tr><td>Antigüedad:</td><td>30 años</td></tr>
    <tr><td>Orientación:</td><td>Sur</td></tr>
    <tr><td>Servicios:</td><td>Todos</td></tr>
    <tr><td>Calefacción:</td><td>Picos</td></tr>
    <tr><td>Hall:</td><td>Si</td></tr>
    <tr><td>Living:</td><td>5 x 4 piso granítico</td></tr>
    <tr><td>Comedor:</td><td>Integrado</td></tr>
    <tr><td>Cocina:</td><td>5 x 3.20 piso cerámico</td></tr>
    <tr><td>Comedor Diario:</td><td>Integrado</td></tr>
    <tr><td>Nº Dormitorios:</td><td>2 con placard y pisos parquet</td></tr>
    <tr><td>Medidas:</td><td>3.20 x 3</td></tr>
    <tr><td>Toilette:</td><td>En playroom c/ducha</td></tr>
    <tr><td>Baño:</td><td>Uno completo</td></tr>
    <tr><td>Playroom:</td><td>4 x 3</td></tr>
    <tr><td>Balcón:</td><td>No</td></tr>
    <tr><td>Terraza:</td><td>No</td></tr>
    <tr><td>Lavadero:</td><td>Si</td></tr>
    <tr><td>Jardín:</td><td>Al frente y al fondo (10x10)</td></tr>
    <tr><td>Patio:</td><td>Si</td></tr>
    <tr><td>Parrilla:</td><td>No</td></tr>
    <tr><td>Quincho:</td><td>No</td></tr>
    <tr><td>Pileta:</td><td>No</td></tr>
    <tr><td>Bohardilla:</td><td>No</td></tr>
    <tr><td>Garaje:</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">Empresa</div><div id="propiedades1">Propiedades</div><div id="tasaciones1">Tasaciones</div><div id="contactenos1">Contáctenos</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
    LAURI

  6. #6
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,599
    Poder de Reputación
    71
    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
    ______________________________________

    reparacion de rines


    _____________________________________

  7. #7
    Recien Llegado! Habitual
    Fecha de Ingreso
    12 ene, 09
    Ubicación
    buenos aires, argentina
    Mensajes
    13
    Poder de Reputación
    17
    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}
    LAURI

  8. #8
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,599
    Poder de Reputación
    71
    ok

    lo estoy checando y te aviso

    ______________________________________

    reparacion de rines


    _____________________________________

  9. #9
    Recien Llegado! Habitual
    Fecha de Ingreso
    12 ene, 09
    Ubicación
    buenos aires, argentina
    Mensajes
    13
    Poder de Reputación
    17
    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
    LAURI

Temas Similares

  1. COMO HAGO PARA ARMAR UN E-COMMERCE
    Por NAKIANIKITA en el foro Rentabiliza tu Web
    Respuestas: 2
    Último Mensaje: 08/02/2019, 15:31
  2. para armar una "base de datos"
    Por la cuca en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 0
    Último Mensaje: 30/01/2009, 11:44

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •