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

Tema: Problema con un ejemplo

  1. #1
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    24 ago, 15
    Mensajes
    2
    Poder de Reputación
    0

    Problema con un ejemplo

    ¡Hola!

    Tengo un pequeño problema con el ejemplo de esta parte del curso: http://www.comocreartuweb.com/ejempl...con-fondo.html

    Mirad mi resultado:

    Problema 1.jpg

    Seguro que es una tontería, pero no la encuentro.

    ¿Alguien sabe como ayudarme?

    ¡Muchas gracias de antemano!

  2. #2
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    2,079
    Poder de Reputación
    23
    Hola!

    Falta ver tus estilos y el código HTML :)

  3. #3
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    24 ago, 15
    Mensajes
    2
    Poder de Reputación
    0
    CÓDIGO HTML

    <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="utf-8" />
    <title>PLANTILLA</title>
    <link rel="stylesheet" type="text/css" href="estilos-general.css" media="all">
    <meta name ="description" content="PLANTILLA">
    </head>
    <body>
    <div id="global">
    <div id="capcelera">CABEZERA</div>
    <div id="navegacio">MENÚ DE NAVEGACIÓN</div>
    <div id="contingut"><p>ZONA PRINCIPAL</p></div>
    <div id="menu">MENU LATERAL
    <ul><li><a href="#">NOTICIAS</a></li><li><a href="#">SOBRE NOSOTROS</a></li><li><a href="#">DOCUMENTOS</a></li><li>
    <ahref="#">COLABORA</a></li><li><a href="#">MEDIATECA</a></li><li><a href="#">CONTACTO</a></li></ul>
    </div>
    <div id="peu">PIE DE PAGINA</div>
    </div>
    </body>


    ESTILOS

    * {margin:0px; padding:0px; border:0px;}
    body {text-align:center;}
    #capcelera {background-color:pink;}
    #navegacio {background-color:grey;}
    #menu {background-color:yellow; width:150px; float:left;}
    #menu li {list-style:none; margin:4px 0px 4px 6px;}
    #contingut {background-color:orange; width:100px; float:left; text-align:left;}
    p {text-align:justify;}
    #contingut p {padding:5px 10px 5px 10px;}
    #peu {background-color:brown;}
    #global {width:1000px; margin:4px auto;}
    a {text-decoration:none; display:block;}
    a:link {}
    a:visited {color:blue; text-decoration:none;}
    a:hover {color:red; text-decoration:none; background-color:silver;}
    a:active {color:green; text-decoration:none;}

    ¡Muchas gracias!

  4. #4
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    2,079
    Poder de Reputación
    23
    Me costó encontrarlo xD. Simplemente pusiste un valor más pequeño:

    #contingut {background-color:orange; width:100px; float:left; text-align:left;}

    Debe ser 800, no 100 (en realidad debe ser el mismo tamaño que el de global, pues la idea es que use todo el espacio).

    Saludos!

  5. #5
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    30 ago, 18
    Mensajes
    1
    Poder de Reputación
    0
    Ánimo, casi lo consigues.

    #contingut {background-color:orange; width:100px; float:left; text-align:left;}

    Debía ser 100% en vez de width:100px

    Un saludete!

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, 18:18
  2. Problema con ejemplo final del curso
    Por jmariza75 en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 1
    Último Mensaje: 25/10/2009, 20:34
  3. Problema con web-ejemplo-cctw-internet
    Por diegojarocho en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 8
    Último Mensaje: 05/05/2009, 17:26

Permisos de Publicación

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