Entrar

no puedo poner a la izquierda, el menú,...

saygon · · Solicitar retirada
voy en la segunda lección de paso a paso, cuando hay que poner el menu a la izquierda no lo hace, ya vi que el body lo alinea al centro pero al introducir el comando tex-aling: left en la linea menu no pasa nada
Yaneth · · Solicitar retirada
hola

para ayudarte ahora y en el futuro
debes anexar a tu pregunta todo el contenido de html y de css

saludos
abeva · · Solicitar retirada
hice esto;

#menu {background-color: yellow; width: 150px ; float:left;text-align:left}
#menu li {list-style:none ; margin: 4px 0px 4px 6px}

pero en el menu sigue apareciendo centrado(cuando le doy preview a la plantilla,(plantilla.htlm)
y yo quiero que aparezca a la izquierda,que está mal?
Raulyure · · Solicitar retirada
abeva escribió:hice esto;

#menu {background-color: yellow; width: 150px ; float:left;text-align:left}
#menu li {list-style:none ; margin: 4px 0px 4px 6px}

pero no el menu sigue apareciendo centrado(cuando le doy preview a la plantilla(plantilla.htlm)
y yo quiero que aparezca a la izquierda,que está mal?

Hola:
Me introduciré furtivamente en su mensaje para recordarle que se le sugirió poner todo el código de su hoja de estilo y a la vez también todo el código de su página html, porque el problema muchas veces no radica en la capa que tiene el problema, ya que el fallo puede venir generado por otro lado.

No sacamos nada con que nos ponga en el mensaje solo los códigos de la capa menu, ya que a lo mejor lo que hay que arreglar es la capa contenido o la capa navegación .

Saludos
Agradecido de los que aprenden enseñando
abeva · · Solicitar retirada
bueno ,disculpa y muchas gracias por querer ayudarme,tengo esto en mi hoja de estilo-general:


* {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 ; margin: 4px 0px 4px 6px}
#pie {background-color: brown}
a {color: brown; text-decoration: none;display:block}
a:link {}
a:visited{}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}

y en la 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>
<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</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>
    </body>
    </html>
    quiero que aparezcan los enlaces del menú a la izquierda y siguen centrados(cuando le doy preview)porqué?
    • Raulyure · · Solicitar retirada
    abeva escribió:bueno ,disculpa y muchas gracias por querer ayudarme,tengo esto en mi hoja de estilo-general:


    * {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 ; margin: 4px 0px 4px 6px}
    #pie {background-color: brown}
    a {color: brown; text-decoration: none;display:block}
    a:link {}
    a:visited{}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}

    y en la 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>
    <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</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>
    </body>
    </html>
    quiero que aparezcan los enlaces del menú a la izquierda y siguen centrados(cuando le doy preview)porqué?
    • Hola:
    Si ya lo arregló, me parece muy bien, (por favor no se tome a mal lo que le dije de poner todos los códigos, pero la visión que puede tener usted del problema es diferente a la visión que pueden tener otros, por eso es importante poner todos los códigos.
    Por ejemplo, en los códigos que usted ha puesto acá , (los de su página html)
    He notado que usted abre la capa menu, luego escribe la palabra menu, pero luego cierra usted la capa menu.
    Y la lista de enlaces, esas que se encierran dentro de las etiquetas <ul y , usted las ha puesto fuera de la capa menu, y van dentro.

    Si gusta vea usted como le pongo los códigos (acá abajo) de como creo que debiera de tenerlos en su página.

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

    </div>
    Esta sera la zona principal de la web
    </div>
    <div id="pie">Este es el pie de pagina</div
    </div>
    </body>
    </html>

    Si gusta, póngalos así, y también le recomiendo por ahora, y solo por ahora, (ya que más adelante en el curso aprenderá el porqué y el como ), no utilice acentos ni eñes en su página.

    Saludos