Entrar

error en el menu de la plantilla

davel · · Solicitar retirada
:oops: HOLAAAAAAAAAA!!!!!
OS FELICITO POR EL CURSO PASO A PASO PARA CREAR TU WEB.
MI PROBLEMA ES QUE EL BUSCADOR INTERNET EXPLORER NO ME SALE BIEN LACURVA-SUPERIOR E INFERIOR EN EL MENU LATERAL.
OS DEJO LA PLANTILLA Y LA HOJA DE ESTILO-GENERAL:

PLANTILLA:
<!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">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="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 id="menu"><ul><h1>Título de Sección </h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4</div><h1>Esta será la zona principal de la web</h1>


    Esta será la zona principal de la web Esta será la zona principal de la web Esta será la zona principal de la web Esta será la zona principal de la web Esta será la zona principal de la web Esta será la zona principal de la web</p>
    <h2>Este es el tercer parrafo</h2>


    Esta será la zona principal de la web Esta será la zona principal de la web Esta será la zona principal de la web Esta será la zona principal de la web Esta será la zona principal de la web Esta será la zona principal de la web</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>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>

    ESTILO-GENERAL:

    #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: gray;border: black 1px solid ; height:20px}
    #navegacion li {float:left; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 180px }
    #contenido {background-color: orange ; border-left: black 1px solid ;border-right: black 1px solid}
    #contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
    #menu {background-color: yellow; width: 150px ; float:left ; text-align:left;margin-right: 10px;margin:3px 10px 3px 3px;background-image: url(objetos/menu-parte-inferior.gif); background-position: bottom;padding-bottom:5px}
    #menu h1 {text-decoration:none ; font-size:15px;background-image: url(objetos/menu-parte-superior.gif);padding-top:10px}
    a {color: blue; font-size:1.3em ; text-decoration: none}
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color: red; text-decoration: underline; background-color: silver}
    a:active {}
    #menu li { list-style:none ; margin: 4px 8px 4px 6px }
    #pie {background-color:white;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 }
    #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:black}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}
    • Piojo91 · · Solicitar retirada
    Hola! primero que nada Bienvenido! y segundo no escribas todo en mayusculas y menos en negrita.-

    En el mismo tutorial, en la 3ra entrga(creo) ahi un recordatorio..En tu hoja de estilo tienes algunas cosas de mas y no vi muy bien ya que tu negrita no me dejaba leer muy bien :roll:

    Cambia la aprte de #menu y #menu h1 por:

    #menu       {background-color: lorange ; 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 ; padding-top:12px ;
          background-image: url(objetos/menu-parte-superior.gif) }

    Depaso agregas #menu li

    Saludos