Entrar

NO CONSIGO CENTRAR EL MENU.

kuki1 · · Solicitar retirada
Hola buenas.

Pues eso que en la leccion 2, en el apartado de; Dar formato a 0, no consigo centrar el menu.

Por que podria ser???????

plantilla:

<!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>
<did id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="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>
    </did>
    </body>
    </html>

    estilos general:

    *{margin:0px;padding:0px;border:0px}
    #menu li { list-style:none}
    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}
    #pie{background-color: brown}

    gracias.
    • Xchino46 · · Solicitar retirada
    mur buenas kuki 1 prueba a dejar de esta forma tu linea del menu si te funcina perfecto y si no funciona lo dejas como estaba y esperas que rosponda alguien con mas idea que yo salu 2.

    #menu li{list-style:none; margin: 4px 0px 4px 6px}

    dime si te va bien si no es molestia.
    kuki1 · · Solicitar retirada
    Hola Xchino46.

    Que va asi tampoco, se me queda en la izquierda.

    Ademas creo que ese es el siguiente paso, que creo que lo habia probado.

    Muchas gracias de todas formas.

    saludos. chao.
    Kamael · · Solicitar retirada
    Hola kuki1

    vaya q raro no recuerdo ver en ninguna parte q hay q centrar el menu :roll:
    pero bueno. Para centrar un menu basta con q a la orden float le pongan center, es decir

    #menu{background-color: yellow; width: 150px ; float:left;text-align:left}

    el float es la posision en la que quieras ponerla, para q este en el centro

    #menu{background-color: yellow; width: 150px ; float:center;text-align:left}
    kuki1 · · Solicitar retirada
    Aqui lo dice( leccion 2; dar formato cero).

    Si escribes esta línea en estilo-general.css, la guardas y haces vista previa de la plantilla verás como ahora el menú aparece centrado, justamente centrado, sin margenes. También han desaparecido otros margenes que rodeaban la capa global, etc. Tenemos el poder! je je je.. Eso si, no olvides colocar esa línea la primera de todas, no se te ocurra ponerla la cuarta, la quinta, etc, debe ser la primera de todas, arriba del todo en estilo-general.css. De lo contrario, como el navegador va leyendo los estilos de arriba a abajo, si la lee de las últimas anularás los margenes y bordes de las capas definidas antes de esa línea. Acuérdate!

    Efectivamente, si pongo eso se me centra pero me queda todo muy raro.
    Kamael · · Solicitar retirada
    Bueno al ver la leccion denuevo veo q Jorgens se referia al texto del menu q aparece en el centro. Efectivamente aparece en el centro, eso no te pasa a ti por q ya pusiste "text-align:left" esta orden le dice donde se va alinear el texto, en este caso le ponemos left por q se va alinear la derecha