Entrar

no se me alinean lo DIVS...

Franquito! · · Solicitar retirada
Yo recien estoy haciendo el curso paso a paso...8)
o sea estoy con los ejemplos nada mas, pero tengo un problema:
en la leccion II ; Estilos para listas, supuestamente arreglo
el desorden que se me armo en el menú :wink:, me pide que ponga
esto #contenido {background-color: orange ; width: 800px ; float:left} en ''estilo-general.css'' (Hoja de estilo)
pero despues de eso no se me arregla nada
sigue todo igual...lo mismo pasa para sacar los punto de las listas.
Al poner esto #menu li { list-style:none }tendrian que desaparecer los puntos, pero no me desaparece nada :( ..
Despues no segui para no enbarrarla mas de lo que esta..
¿Que hago?
Franquito! · · Solicitar retirada
Esta es la ''planilla.htlm'' del curso paso a paso:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
<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

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

    </body>
    </html>

    y esta mi hoja de estilo ''estilo-general.css'':

    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    #global {width:800px ; margin: 4px auto ; float: left }
    #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 }
    • bOrYiMaN · · Solicitar retirada
    hola

    En el CSS, al declarar #menu li {list-style:none }, estás indicando que eso se aplica a las etiquetas
  • que están dentro del id menu, pero en el código HTML, lo que haces no es eso, deberías poner:

    <html>
    <head>
    <title>Page title</title>
    <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
    <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>

    </body>
    </html>

    Espero que te funcione, un saludo.
    • Franquito! · · Solicitar retirada
    Muchas gracias, no se que se me dio por crear un web :?
    pero parece que esta bueno... :wink:

    Gracias y Saludos!
    bOrYiMaN · · Solicitar retirada
    Franquito! escribió:Muchas gracias, no se que se me dio por crear un web :?
    pero parece que esta bueno... :wink:

    Gracias y Saludos!

    jajaja gracias, todavia le falta mucho, estoy de reformas :D

    Un saludo.