Entrar

He perdido el fondo del menú lateral

nolfar · · Solicitar retirada
Siguiendo el Curso de CCTW, ahora sólo estoy modificando la web ejemplo, para crear la mia propia.
Me encuentro con que he cambiado el color de fondo de algunos apartados, entre ellos el del CONTENIDO (el que en el ejemplo era naranja) y lo he puesto azul. Ahora me doy cuenta que me ha desaparecido el fondo del menú lateral, y que no me sale el recuadro ese tan mono, con sus cantos redondeados y con el fondo blanco.
Miro, remiro y vuelvo a mirar la hoja de estilos y la plantilla, y no veo diferencias con la web-ejemplo (me imprimí la plantilla y la hoja estilos para ir punteando cada vez que me surgiera un problema), a parte del tema de los colores de letras y fondo que he dicho.
¿Qué hago mal?

PLANTILLA:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>XXXXXXXXXXXXXXXXXXXXXX</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a la Web de ADRIANENCA</div>
</div>
<div id="navegacion">
<ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4
  • Sección 5
  • Sección 6
  • Sección 7

    </div>

    <div id="contenido">

    <div id="menu">
    <ul><h1>Título de Sección 1</h1>
  • Enlace 1
  • Enlace 2

  • Enlace 3
  • Enlace 4
    </div>

    <h1>XXXXXXX XXXXXXXXXX XXXXXXXX</h1>

    XXXXXX XXXXXXXXXX XXXXXXXX XXXXXXXXXX XXXXX</p>
    <h2>XXXXXXXX XXXXXXX XXXXXXX XXXXXXXXX</h2>

    EXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXX</p>


    XXXXX XXXXXXXXX XXXXXXXXX XXXXXXXXXXXX XXXX XXXXXXXXX XXXXXXXXXX XXXXXXXXX</p>
    </div>

    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web
    </div>
    </div>

    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    HOJA DE ESTILOS:

    * {margin:0px ; padding:0px ; border: 0px}
    p {text-align: justify }
    h1 {font-size: 1.2em; color:#0000CD ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
    h2 {font.size: 1.1em; color:#0000CD ; font-weight: bold ; text-decoration: none ;
    text-align: center}
    body {text-align: center}
    #global {width:800px ; margin: 4px auto }
    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px ;
    overflow : hidden }
    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height: 85px }
    #logotipo {width:280px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px }
    #navegacion {background-color: #0000CD ; border: black 1px solid ; height:20px }
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 60px }
    #contenido {background-color: #87CEFA ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px }
    #menu {width: 150px ; float:left ;
    text-align:left ; margin:3px 10px 3px 3px ;
    background-image: url(objetos/menu-parte-inferior.gif);
    background-position: bottom ; padding-bottom:5px }
    #menu li { list-style:none ; margin: 4px 8px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ;
    background-image: url(objetos/menu-parte-superior.gif) ; padding-top:12px }
    #menu a{color:#0000CD; text-decoration:none; display: block}
    #menu a:link{}
    #menu a:visited{}
    #menu a:hover{color:#FF0000; text-decoration:underline; background:aqua;}
    #menu a:active{}
    #pie {border-left: black 1px solid ;
    border-right: black 1px solid ;
    border-top: black 1px solid ;
    height: 65px }
    #pie li {list-style: none ; font-size: 12px }
    #pieuno {float:left ; width:150px }
    #piedos {float:left ; width:498px }
    #pietres {float:left ; width:150px }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px ;
    overflow: hidden }
    a {color: #87CEFA; text-decoration: none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color: red; text-decoration:underline ; background-color:silver }
    a:active{}
    • elmenda · · Solicitar retirada
    Hola nolfar.

    Creo recordar que en el curso había un pequeñito fallo a la hora de guardar el archivo "menu-parte-superior.gif" y es que te decía que lo guardases con el nombre "menu-curva-superior.gif" y luego en la hoja de estilos pusieses "menu-parte-superior.gif".

    Revisa bien si tu archivo no se llama "menu-curva-superior.gif" y cambia o bien la hoja de estilos en (#menu h1) o bien el nombre del archivo.

    Algo asin era, no estoy bien seguro. :roll:
    Saludos.
    Yaneth · · Solicitar retirada
    aqui

    <ul><h1>Título de Sección 1</h1>

    debe estar asi

    <h1>Título de Sección 1</h1><ul>

    saludos