Entrar

subo las curvas del menu, pero no me aparecen en la web

santibiole · · Solicitar retirada
http://cordobadigital.onlinewebshop.net/plantilla.html esta es la web. No se que es lo que ocurre, porque cuando hago vista previa desde el programa todo parece estar bien, pero al subirlo a internet no se visualizan y el menu queda sin fondo. Aca les dejo la plantilla y la hoja de estilos.

plantila:

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

<html>
<head>
<title>CordobaDigital</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior">[contenido no disponible]</div>
<div class="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4

    </div>
    <div id="contenido"><div class="menu"><h1>Titulo de la sección 1</h1>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </div>


    Contenido</p>
    <h1>MP4</h1>


    Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>


    Y este es el tercer párrafo. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>


    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
    </div>
    <div class="Pie">
    <div class="pieuno"><ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan</div>
    <div class="piedos">pie dos</div>
    <div class="pietres"><ul>
  • Directorio
  • TopSite
  • Mapa de la Web</div>
    </div>
    <div id="curva-inferior">[contenido no disponible]</div>
    <div/>
    </body>
    </html>

    hoja de estilos:

    * {margin:0px ; padding:0px ; border: 0px}
    h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
    body {background-color: #000000}
    body {text-align: center}
    #global {width:800px ; margin: 4px auto}
    .cabecera {background-color: white ; border-left: white 1px solid ; border-right: white 1px solid ; height:85px}
    #logotipo {width: 280px ; float: left}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}
    #publicidad {width: 518px ; float: right ; margin-top: 25px}
    #navegacion {background-color: lightblue ; border-left: white 1px solid ; border-right: white 1px solid ; border-top: black 1px solid ; border-bottom: black 1px solid ; height: 20px}
    #navegacion li {float:left ; margin-left: 20px ; margin-right: 20px}
    #navegacion ul {margin-left: 180px }
    #contenido {background-color: gray ; border-left: white 1px solid ; border-right: white 1px solid ; border-bottom: black 1px solid}
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
    .pie {background-color: white ; border: white 1px solid ; height: 65px}
    .pie li {list-style: none ; font-size: 12px}
    .pieuno {float:left ; width: 150}
    .piedos {background-color: silver; width: 498;float: left}
    .pietres {float:left ; width: 150}
    .pie a {color: blue; text-decoration:none ; display: block }
    .pie a:link {}
    .pie a:visited {}
    .pie a:hover {color:black ; text-decoration:underline ; background-color: white }
    .pie a:active {color:purple}
    #global {width:800px ; margin: 4px auto}
    .menu {width: 150px; float:left ; text-align:left ; margin:3px 10px 4px 3px ; background-image: url(objetos/menu-curva-inferior.gif) ;background-position: bottom;padding-bottom:5px }
    .menu li { list-style:none ; margin: 4px 8px 4px 6px }
    .menu h1 {font-size: 12px; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center ; background-image: url(objetos/menu-curva-superior.gif) ; width:150px ; padding-top:12px }
    a {color: blue; font-size:1.0em ; text-decoration: none ; display: block}
    a {color: black ; text-decoration: none}
    a:link {}
    a:visited {}
    a:hover {color: red ; text-decoration: underline ; background-color: silver}
    a:active {}
    p {text-align: justify}

    h1 {font-size: 1.2em; color: black ; font-weight: bold ; text-decoration: underline ; text-align: center}
    #curva-superior { background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden}
    #curva-inferior { background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden}
    • Yaneth · · Solicitar retirada
    Hola

    como se llama tu carpeta de objetos???

    Objetos

    objetos

    ya que en unas imagenes dices que se llama Objetos

    y en las que no se ven dices que se llama objetos

    checa bien eso, ya que para el sistema no es lo mismo


    saludos
    Yaneth · · Solicitar retirada
    Hola

    El error lo tienes aqui

    .menu {width: 150px; float:left ; text-align:left ; margin:3px 10px 4px 3px ; background-image: url(objetos/menu-curva-inferior.gif) ;background-position: bottom;padding-bottom:5px }
    .menu li { list-style:none ; margin: 4px 8px 4px 6px }
    .menu h1 {font-size: 12px; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center ; background-image: url(objetos/menu-curva-superior.gif) ; width:150px ; padding-top:12px }

    deberia ser asi:

    #menu {y todo lo que tienes dentro}
    #menu li {y todo lo que tienes dentro}
    #menu hi{y todo lo que tienes dentro}


    como verás le pusiste un punto en lugar de #


    checalo y nos avisas

    saludos
    santibiole · · Solicitar retirada
    no, ese no es el problema, porque yo en la plantilla en vez de poner id="menu", puse class="menu".