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

Tema: ayuda con el ejemplo divs

  1. #1
    Recien Llegado! Merodeador
    Fecha de Ingreso
    09 may, 12
    Mensajes
    3
    Poder de Reputación
    0

    ayuda con el ejemplo divs

    hola buenas tardes, soy novato en esto de crear paginas web y vuestra pagina me parece estupenda y de gran ayuda. estoy haciendo el ejemplo de divs y el div de contenido(el de color amarillo) cuando hago mas grande la ventana no aumenta de tamaño. En cambio la cabecera, la barra de navegacion y el pie de pagina se hacen mas grandes. no se si me he explicado muy bien. si alguien lo entendio, agradeceria que me explicaran como solucionarlo. gracias

  2. #2
    Esto empieza a ser un vicio... Habitante Avatar de Web-Freelance
    Fecha de Ingreso
    15 sep, 11
    Ubicación
    España
    Mensajes
    603
    Poder de Reputación
    8
    Hola franbugver. Péganos aquí tu código html y css y lo vamos viendo ;-)

    Saludos y bienvenido!
    Agradece si te ayudan, que desagradecidos ya sobran.

  3. #3
    Recien Llegado! Merodeador
    Fecha de Ingreso
    09 may, 12
    Mensajes
    3
    Poder de Reputación
    0
    hola freelace. Gracias por la bienvenida y por contestar a mi pregunta. Mi hoja de estilo-general.ccs es:
    *{text-indent:0px;margin:0px;padding:0px;border:0px;}
    body{text-align:center;}
    #global{with:800px;margin:4px auto;}
    #cabecera{background-color:pink;}
    #navegacion{background-color:gray;}

    #contenido{background-color:orange;width:800px;float:left;}
    #contenido p{padding:5px 10px 5px 10px;text-indent:15px;}
    #menu{background-color:yellow;width:150px;float:left;text-align:left;margin-right:10px;}
    #menu li{list-style:none;margin:4px 0px 4px 6px;}
    #pie{background-color:brown;}
    a{color:brown;text-decoration:none;display:block;}
    a:link{}
    a:visited{}
    a:hover{color:red;text-decoration:underline;background-color:silver;}
    a:active{}
    p{text-align:justify;}

    Y mi hoja de plantilla es:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css"
    media="all">
    </head>
    <body>
    <div id="global">
    <div id="cabecera">Bienvenidos a mi web</div>
    <div id="navegacion">Barra de navegacion</div>
    <div id="contenido">
    <div id="menu">
    <ul><li><a href="#">elemento de lista,1</a></li><li><a href="#">elemento de lista,2</a></li><li><a href="#">elemento de lista,3</a></li></ul>
    </div>
    <p>esta sera la zona principal de la web</p>
    <p>Estoy practicando con esto de las paginas web</p>
    <p>Este es otro parrafo de mi web</p>
    <p>sigo poniendo parrafos diferentes</p>
    <p>y otro</p>
    </div>
    <div id="pie">este es el pie de la pagina</div>

    </div>
    </body>
    </html>

    Creo que la tengo como en el ejemplo pero quizas me equivoque. muchas gracias por ayudarme.

  4. #4
    Esto empieza a ser un vicio... Habitante Avatar de Web-Freelance
    Fecha de Ingreso
    15 sep, 11
    Ubicación
    España
    Mensajes
    603
    Poder de Reputación
    8
    Hola franbugver. Mira a ver si este es el problema:

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenido {background-color: orange ; width: 800px ; float:left }
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin: 10px 10px 10px 10px }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #pie {background-color: brown }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    p {text-align: justify}


    Te falta esa "d" en el width. Nos cuentas ;-)

    Saludos!
    Agradece si te ayudan, que desagradecidos ya sobran.

  5. #5
    Recien Llegado! Merodeador
    Fecha de Ingreso
    09 may, 12
    Mensajes
    3
    Poder de Reputación
    0
    pues sí freelace, ese era el problema. Es gratificante saber que cuando tienes una duda puede haber alguien que se moleste en solucionar tus problemas. Seguro que nos volvemos a encontrar por aqui. MUCHAS GRACIAS

  6. #6
    Esto empieza a ser un vicio... Habitante Avatar de Web-Freelance
    Fecha de Ingreso
    15 sep, 11
    Ubicación
    España
    Mensajes
    603
    Poder de Reputación
    8
    Cita Iniciado por franbugver Ver Mensaje
    pues sí freelace, ese era el problema. Es gratificante saber que cuando tienes una duda puede haber alguien que se moleste en solucionar tus problemas. Seguro que nos volvemos a encontrar por aqui. MUCHAS GRACIAS
    Aqui estamos para lo que necesites ;-) Suerte!

    Saludos!
    Agradece si te ayudan, que desagradecidos ya sobran.

Temas Similares

  1. Problema con el menu del ejemplo con Divs
    Por fquezada en el foro Foro General
    Respuestas: 3
    Último Mensaje: 05/05/2012, 19:18
  2. ¿Ejemplo con Divs o Ejemplo con Tablas?
    Por karril en el foro Foro General
    Respuestas: 2
    Último Mensaje: 12/04/2012, 14:53
  3. Terminando Ejemplo con Divs
    Por virtualcomo en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 0
    Último Mensaje: 03/10/2011, 02:25
  4. Problema con la leccion 2 del tutorial Ejemplo con Divs
    Por 7th Hunter en el foro Webs con Capas o DIVS
    Respuestas: 0
    Último Mensaje: 04/08/2011, 18:37
  5. Necesito ayuda con el ejemplo de los Divs
    Por jcmendore en el foro Foro General
    Respuestas: 2
    Último Mensaje: 28/04/2011, 15:45

Permisos de Publicación

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