Entrar

fallo del menú

dana1521 · · Solicitar retirada
hola, tengo un problema con el menu,decia que si ponia

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

    </div>
    Esta será la zona principal de la web
    </div>

    y luego en la hoja estilo-general.css

    #contenido {background-color: orange ; width: 800px ; float:left}

    el menu se arreglaria, pero me quedo todo en un recuedro y se ve horrible >_<
    decia en el tuto que avisaramos si no se solucionada
    tuto = estilo para listas
    help :cry:
    • Jugoncan · · Solicitar retirada
    Pues el "; float:left" que tienes ahí puesto en la hoja de estilos no va en la capa contenido, sino en la del menú.
    Saludos :wink:
    dana1521 · · Solicitar retirada
    ooo te agradezco q respondieras y sobre todo rapido,pero le borre eso, y lo deje tal cual por que el menu ya lo tenia, y de todas formas persiste... :S
    no se que hacer :(
    dana1521 · · Solicitar retirada
    este es el de la plantilla,creo que e hecho todo de acuerdo a las instrucciones.

    <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 será la zona principal de la web
    </div>
    <div id="pie">Este es el pié de página</div>
    </div>

    y este es del estilo-general.css :S

    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #menu {background-color: yellow; width: 150px ; float:left }
    #contenido {background-color: orange ; width: 800px ; float:left }
    #pie {background-color: brown}
    #global {width:800px ; margin: 4px auto }
    body {text-align: center}

    tu me decias que a este #contenido {background-color: orange ; width: 800px ; float:left } le sacara el ; float:left , pero no paso nada :S
    • Jugoncan · · Solicitar retirada
    Pues yo lo veo todo bien, cuál es el problema?
    Yo te decía lo de quitar ese float:left porque más adelante te puede dar problemas
    Saludos :wink:
    dana1521 · · Solicitar retirada
    no se como explicarte, no se tampoco como subir una imagen para mostrarte a lo que me refiero, podrias agregarme, te juro que no te molesto mas, unos segundos solamente

    [correo eliminado]

    Elpidio25 · · Solicitar retirada
    Amigo mira a ver poniendolo asi:

    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </div>



    Mira a ver y me dices.Saludos Alejandro
    • dakkon · · Solicitar retirada
    ''Tratar elementos como'' bloques cuando estoy en esta parte sigo teniendo que poner el cursor en las letras para que se vean rojas y subrrayadas, no al lado lejos, me aparece como que no es un bloque pueden ayudarme
    aca les dejo el codigo fuente:

    <!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>
    <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>
    </div>
    </body>
    </html>
    y el codigo de estilo general:

    * (margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    #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}
    #global {width:800px ; margin: 4px auto }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    a {color: brown; text-decoration: none}
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    a{color: brown ; text-decoration:none ; display: block }