Reparando el fallo del menú.

hola buenas en el curso paso a paso en la segunda parte, en estilo para listas, en reparando el fallo del menú.

Pues supuestamente despues de hacer lo ke pone ahi keda todo bien je je pues ami no xD por mas ke lo e repetio y por mas veces ke e vuelto a empezar el curso de nuevo ahi me sigue saliendo todo mal kisiera ke alguien me ayudase o me lo explicase mas detenidamente.

el caso es ke cuando le doy a prewie los 3 enlaces no kedan bien, el primero keda mas a la derecha ke los demas y la zona principal de la web me keda fuera.

Un Saludo y felices fiestas.
Humupepe escribió:ke alguien me conteste o no puede seguir creando la pagina eb =(

Hola Humupepe

Pega acá los códigos html y css, así podremos ver el error



Suerte!
<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 Navegación</div>
<div id="contenido">
<div id="menu">menu</div>
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    Esta será la zona principal de la web
    </div>
    <div id="pie">Este es el pié de página</div>
    </div>

    y el de estilos-generales

    * {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}
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
    #menu li { list-style:none }
    #pie {background-color: brown}
  • Humupepe escribió:<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 Navegación</div>
    <div id="contenido">
    <div id="menu">menu</div>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    Esta será la zona principal de la web
    </div>
    <div id="pie">Este es el pié de página</div>
    </div>

    y el de estilos-generales

    * {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}
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
    #menu li { list-style:none }
    #pie {background-color: brown}

  • Hola Nuevamente


    Saca lo que está en rojo


    Suerte!