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

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,078
    Poder de Reputación
    24
    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,078
    Poder de Reputación
    24
    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! Habitante
    Fecha de Ingreso
    13 sep, 19
    Mensajes
    15
    Poder de Reputación
    1
    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).
    Tutuapp 9Apps ShowBox
    Última edición por BAILIYAT; 25/09/2019 a las 19:40

  7. #7
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    14 oct, 19
    Mensajes
    1
    Poder de Reputación
    0
    Cita Iniciado por BAILIYAT Ver Mensaje
    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)
    __________________________________________________ __________________________________________________ _______________
    showbox apk cyberflix tv
    tvtap Showbox tvtap pro Morpheus TV
    beeTV whatsapp status
    well i completly agree about this and find it correct in my sense

  8. #8
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    02 dic, 19
    Mensajes
    1
    Poder de Reputación
    0
    need to see styles and code.
    Lite Blue is a United states of america Government website intended for authorized use only by Postal Service employees

  9. #9
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    03 dic, 19
    Mensajes
    1
    Poder de Reputación
    0
    Thanks for your information, it's very good to me.

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
  •