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

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,046
    Poder de Reputación
    26
    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,046
    Poder de Reputación
    26
    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!

  6. #6
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    25 ene, 20
    Mensajes
    2
    Poder de Reputación
    0
    Debe ser 800, no 100 (en realidad debe ser el mismo tamaño que el de global, pues la idea es que use todo auto clicker el espacio).
    Última edición por nesDonners; 31/01/2020 a las 14:42

  7. #7
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    20 abr, 20
    Mensajes
    1
    Poder de Reputación
    0
    ni idea bro

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
  •