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

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,044
    Poder de Reputación
    21
    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,044
    Poder de Reputación
    21
    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!

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
  •