Entrar

ayuda-- listas en IE

EDECHERS · · Solicitar retirada
Hola tengo un problema con la lista de mi barra de navegación, en mozilla sale bien, pero en IE no este es el código:

HTML

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

<html>
<head>
<title>Ed Echers Filantrop-E</title>
<link rel="stylesheet" href="maner.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="head">
<div>[contenido no disponible]</div></div>
<div id="nav">
<ul><l1 id="nu">Home</l1><l2 id="nu">Music</l2><l3 id="nu">S-Gang</l3><l4 id="nu">Contact me</l4>
</div>
<div id="bdy"> contenido </div>
</div>


</body>
</html>


CSS

* {margin:0px ; padding:0px ; border: 0px}
body {background-color: #000000; text-align: center}
#global {width:800px ; margin: 4px auto }
#head {background-color: white; overflow : hidden }
#nav {background-color: #EE7600; width: 800px; height: 30px}
#nu {width: 200px ; float:left; border: 10px auto}
#nu li {list-style:none ; text-align:center; margin:0px 100px 0px 100px }
#bdy {background-color: #27408B; border-top: white 2px solid}

a {color: #000000; font-size:1.4em ; text-decoration: none; display: block ; height: 30px; font-family:arial; font-weight: bold}
a:link {}
a:visited {}
a:hover{color:white;text-decoration:none; background-color:#27408B;border-left: white 2px solid; border-right: white 2px solid; border-top: white 2px solid}
a:active{}
fernando mendoza · · Solicitar retirada
Hola bienvenidos/as donde todos/as aprendemos de uno y uno aprende de todos: es posible que sus conocimientos sean mayores de los que yo poseo, o usted este haciendo su pagina en otro idioma lo cual me parece muy bien, pero seria mejor si usted hace el curso como lo dice jorgens, tal y como lo dicta, y usted en otra carpeta puede hacer experimentos a su gusto, por que se lo digo porque sera mas facil para cualquiera de nosotros poder ayudarlo.
yo entiendo que su error puede estar aqui.
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4
    </div> no se lo puedo asegurar y aqui.
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    pruebe y nos dice si es asi.

    saludos.
    • EDECHERS · · Solicitar retirada
    hola ya solucione + o - el problema de como se veia en IE ahora en es que en mozilla firefox se corre los elementos de la barra al pasarles con encima hacia la derecha con el mouse; este es el codigo:

    HTML

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

    <html>
    <head>
    <title>Ed Echers Filantrop-E</title>
    <link rel="stylesheet" href="maner2.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="head">
    <div>[contenido no disponible]</div></div>
    <div id="nav"><ul>
  • Home
  • Music
  • S-Gang
  • Contact me</div>
    <div id="bdy"> contenido </div>
    </div>


    </body>
    </html>


    CSS

    * {text-indent:0px; margin:0px ; padding:0px ; border: 0px}
    body {background-color: #000000; text-align: center}
    #global {width:800px ; margin: 4px auto }
    #head {background-color: white; overflow : hidden }
    #nav {background-color: #EE7600; width: 800px; height: 30px}
    #nav li {float: left ; list-style:none ; text-align:center}

    #bdy {background-color: #27408B; border-top: white 2px solid}

    a {color: #000000; font-size:1.4em ;width: 199px; text-decoration: none; display: block ; height: 30px; font-family:arial; font-weight: bold}
    a:link {}
    a:visited {}
    a:hover{color:white;text-decoration:none; background-color:#27408B; border-right: white 2px solid; border-left: white 2px solid; border-top:white 2px solid}
    a:active{}