Entrar

problema con los menus

doskoy · · Solicitar retirada
esta puesto en la segunda imagen pero bueno lo pongo de todas formas
el codigo de la pag es:
<!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 <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 de la pagina de estilos:

    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}
    * {margin:0px ; padding:0px ; border: 0px}
    • Foley · · Solicitar retirada
    Tienes que cerrar bien los li's. Tienes:

    [*][url="#"]Enlace 2[/url][*]
[*][url="#"]Enlace 3[/url][*]

    Debes poner:

    [*][url="#"]Enlace 2[/url]
[*][url="#"]Enlace 3[/url]

    Luego ya el hueco que te queda a la derecha es cosa de anchos, si no quieres que aparezca ese hueco, pon menos ancho a esa capa.

    Saludos ;)
    Valar · · Solicitar retirada
    Por si eres flojo te paso todo el codigo corregido =P

    <!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 <div id="cabecera">Bienvenidos a mi Web</div> 
<div id="navegacion">Barra de Navegación</div> 
<div id="contenido"> 
<div id="menu"> 
<ul> 
[*][url="#"]Enlace 1[/url] 
[*][url="#"]Enlace 2[/url] 
[*][url="#"]Enlace 3[/url] 
[/list]</div> 
Esta será la zona principal de la web</div> 
<div id="pie">Este es el pié de página</div> 
</div> 

</body> 
</html> 

    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: 80px; 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} 
* {margin:0px ; padding:0px ; border: 0px}

    Por ciaca esta linea es la que se debe cambiar para reducir el menu

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

    El cambio fue de 
    width: 150px  a  width: 80px;

    Saludos n_n