Entrar

no puedo llevar mi menu a la izquierda

javicho · · Solicitar retirada
ni sacar los puntos de los elementos aca le mando mi problema
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</head>
<body>
<div id="global">
<div id="cabecera">Biemvenidos a mi web</div>
<div id="navegacion">barra de navegacion</div>
<div id="menu">menu</div>

<div id="contenidos">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    esta sera la zona principal de la web</div>
    <div id="pie">este es el pie de pagina</div>
    </div>


    </body>
    </html>
    esa es la plantilla aqui le mando la hoja de estilos*{margin:0px ; padding:0px ; border:0px}
    body {text-align:center}
    #global {width:800xp ; margin:4px auto}
    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenidos {background-color:orange ; width: 800px ; Float:left}
    #menu {background-color: yellow ; Width:150px ; float:left ;text:aling:left}
    #pie {background-color: green }
    #menu li{list-style:none}
    #menu li{list-style:none}
    me estoy volviendo loco
    gracias javier
    • Jugoncan · · Solicitar retirada
    Te vuelvo a escribir tus códigos bien:

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

    <html>
    <head>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    <title>Page title</title>
    </head>
    <body>
    <div id="global">
    <div id="cabecera">Biemvenidos a mi web</div>
    <div id="navegacion">barra de navegacion</div>

    <div id="contenidos">
    <div id="menu">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>



    body {text-align:center}
    #global {width:800xp ; margin:4px auto}
    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenidos {background-color:orange ; width: 800px ; Float:left}
    #menu {background-color: yellow ; Width:150px ; float:left ; text-aling:left}
    #pie {background-color: green }
    #menu ul {list-style:none}


    Saludos :wink:
    • javicho · · Solicitar retirada
    la zona principal de la web tapa mi pie de pagina dejandola a la izquierda y chiquita aca les mando lo que hice muchas gracias .
    <html>
    <head>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    <title>Page title</title>
    </head>
    <body>
    <div id="global">
    <div id="cabecera">Biemvenidos a mi web</div>
    <div id="navegacion">Barra de Navegacion</div>
    <div id="contenidos"><div>Esta sera la Zona Principal de la Web</div>
    <div id="menu">menu
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

    <div id="pie">este es el pie de pagina</div>
    </div>


    </body>
    </html>
    esta es la plantilla ahora les mando la estilos-generales
    body {text-align:center}
    #global {width:800xp ; margin:4px auto}
    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenidos {background-color:#c6aec7 ; width: 800px ; float:left}
    #menu {background-color: #E6E6FA ; Width:150px ; float:left ;text:aling:left}
    #pie {background-color: green }
    #menu li{list-style:none ; margin: 4px 0px 4px 6px}
    *{margin:0px ; padding:0px ; border:0px}
    a{color: blue; font-size:1.3em ; text-decoration:none}
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background:silver}
    a:active {}
    a{color:bronw ; text-decoration:none ; display:block}
    • Jugoncan · · Solicitar retirada
    Eso es porque no cierras los divs menu y contenidos. Lo correcto sería así:

    <html>
    <head>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    <title>Page title</title>
    </head>
    <body>
    <div id="global">
    <div id="cabecera">Biemvenidos a mi web</div>
    <div id="navegacion">Barra de Navegacion</div>
    <div id="contenidos">
    <div id="menu">menu
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4</div>
    Esta sera la Zona Principal de la Web</div>

    <div id="pie">este es el pie de pagina</div>
    </div>


    </body>
    </html>


    Saludos :wink:
    • javicho · · Solicitar retirada
    los textos me quedan pegados y no puedo separar los textos del menu perdon pero soy muy malo en esto le escribo lo que hice hasta el momento primero la plantilla
    <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">Biemvenidos a mi web</div>
    <div id="navegacion">Barra de Navegacion</div>
    <div id="contenidos">
    <div id="menu">menu
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4</div>


    Esta sera la Zona Principal de la Web</p>


    aca yo la verdad soy de boca muy inteligente trabajo en big bay tengo una novia no muy linda pero es lo que hay.</p>

    Es una gordta fea pero buena
    mi perra se llama dona y mi hijo es Valentino por lo que estube viendo para probar lo que estoy haciendo debo seguir escribiendo
    un poco mas porque todavia no me da el final de la pagina bueno a ver
    nada sigimos igual que antes de venir de españa se que lo que estoy poniedno es una. Boludes y muchas de las palabras que escribo
    beden de estar mal escritas.</p>

    Ya falta poquito para llegar a donde quiero llaegar asi que bueno me voy despidiendo hasta la proxima un
    renglon mas y ya termino queda poco tengo un poco de sueño pero ya voy a terminar este si ya es el ultimo renglon bueno chu chau
    ahora si ya me despido de todos ustedes con muchos saludos,,,, bye bye</p>
    <div id="pie">este es el pie de pagina</div>
    </div>


    </body>
    </html>
    ahora va la hoja de estilos-generales
    *{text-ident:0px ; margin:0px ; padding:0px ; border:0px}
    body {text-align:center}
    #global {width:800xp ; margin:4px auto}
    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenidos {background-color:#c6aec7 ; width: 800px ; float:left}
    #contenido p{padding:5px 10px 5px 10px }
    #menu {background-color: #E6E6FA ; Width:150px ; float:left ;text:aling:left}
    #menu li{list-style:none ; margin: 4px 0px 4px 6px ; margin-right:10px}
    #pie {background-color: green }
    a{color: blue; font-size:1.3em ; text-decoration:none}
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background:silver}
    a:active {}
    a{color:bronw ; text-decoration:none ; display:block}
    p {text-align: justify}
    yo creo que lo estoy haciendo igual que en la pagina, va seuro creo mal si fuera asi lo tandria bien no? gracias
    • Jugoncan · · Solicitar retirada
    Pues para eso debes de ponerle un margin al menú en la hoja de estilos. Se lo pondrías por el lado derecho y por debajo, por ejemplo así:
    #menu {background-color: #E6E6FA ; Width:150px ; float:left ;text:aling:left; margin: 0px 5px 5px 0px}

    Saludos :wink: