Entrar

margenes de los enlaces del menu

juako38 · · Solicitar retirada
creo haber seguido todos los pasos correctamente,por mucho que repase la hoja de estilos,no consigo que mis enlaces del menu de la izquierda salgan pegados al margen izquierdo,cuando les doy la caracteristica al menu de float:left;text-align:left estos se me centran,con lo que al darle un color de fondo a los enlaces solo la mitad se oscurece :shock: :shock: :D :D
hoja de estilos.css
*{margin:opx;padding:opx;border:opx}
body{text-align: center}
#global{width: 800px;margin: 4px auto}
#cabecera{background-color:pink}
#navegacion{background-color: gray}
#contenido{background-color: orange;width:800px;
fload:left}
#menu li{list-style:none;margin:4px 0px 4px
6px}
#menu{background-color:yellow;width:150px;
float:left;text-align:left}
#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:activo{}



plantilla hotmail.html

<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">
<ul>
  • enlace 1
  • enlace 2
  • enlace 3
    </div>
    esta sera la zona principal dela web
    </div>
    <div id="pie">este es el pie de pagina</div>
    </div>

    </body>
    </html>
    • lo conseguire......
    Jugoncan · · Solicitar retirada
    Sería mejor que nos pongas todo el código html y de la hoja de estilos, porque el fallo puede estar en otro sitio
    Saludos, Juanma
    juako38 · · Solicitar retirada
    Jugoncan escribió:Sería mejor que nos pongas todo el código html y de la hoja de estilos, porque el fallo puede estar en otro sitio
    Saludos, Juanma

    perdona pero no se como se hace,lo de publicar las 2 hojas

    gracias por responder :lol: :lol: :lol:
    lo conseguire......
    Jugoncan · · Solicitar retirada
    Copia y pega en el mensaje todo el código html de la hoja, y todo el contenido de la hoja de estilos
    juako38 · · Solicitar retirada
    Jugoncan escribió:Copia y pega en el mensaje todo el código html de la hoja, y todo el contenido de la hoja de estilos

    plantilla.html

    </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">
    <ul>
  • enlace 1
  • enlace 2
  • enlace 3
    </div>
    esta sera la zona principal dela web
    </div>
    <div id="pie">este es el pie de pagina</div>
    </div>

    </body>
    </html>


    hoje de estilos.css

    *{margin:opx;padding:opx;border:opx}
    body{text-align: center}
    #global{width: 800px;margin: 4px auto}
    #cabecera{background-color:pink}
    #navegacion{background-color: gray}
    #contenido{background-color: orange;width:800px;
    fload:left}
    #menu li{list-style:none;margin:4px 0px 4px
    6px}
    #menu{background-color:yellow;width:150px;
    float:left;text-align:left}
    #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:activo{}
    • lo conseguire......
    Jugoncan · · Solicitar retirada
    Aquí te pongo los fallos en rojo y debajo la corrección en verde:
    *{margin:opx;padding:opx;border:opx}
    body{text-align: center}
    #global{width: 800px;margin: 4px auto}
    #cabecera{background-color:pink}
    #navegacion{background-color: gray}
    #contenido{background-color: orange;width:800px;
    fload:left}
    #menu li{list-style:none;margin:4px 0px 4px
    6px}
    #menu{background-color:yellow;width:150px;
    float:left;text-align:left}
    #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:activo{}
    *{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 li{list-style:none;margin:4px 0px 4px
    6px}
    #menu{background-color:yellow;width:150px;
    float:left;text-align:left}
    #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{}
    Saludos, Juanma
    juako38 · · Solicitar retirada
    Jugoncan escribió:Copia y pega en el mensaje todo el código html de la hoja, y todo el contenido de la hoja de estilos


    :lol: :lol: :lol: :lol:
    graciasssss.ya lo encontre el error
    :oops: :oops: :oops:


    era esto *{margin:0px;padding:0px;border:0px}


    habia escrito ooo en vez de 0000,o sea la letra en vez del numero
    lo conseguire......
    Jugoncan · · Solicitar retirada
    Te adelante, jejeje :lol: .
    Eso está bien, si encuentras tú los errores es que estás aprendiendo bien.
    Saludos, Juanma