Linea blanca molesta...

Miren, me sale una línea blanca debajo de la cabecera:
[contenido no disponible]
¿Saben como quitarla?... Yo no se. xD
PD:He tachado los textos para que no los veais. Jejeje. (Que mal tacho xD)
es mejor que enseñes el codigo, seguro que con el codigo te lo arreglan en dos segundos...
brans escribió:es mejor que enseñes el codigo, seguro que con el codigo te lo arreglan en dos segundos...

Sí, tampoco hace falta tanto misterio para que no te veamos la web :lol:
Estos son los códigos:
"Index.html":
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>HobbyOcio.com - Todo sobre tus hobbies favoritos</title>
<link rel="stylesheet" href="estilo-hobbyocio.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo">[contenido no disponible]
</div></div>
<div id="navegacion"><ul>
  • Inicio
  • Anime/Manga
  • Videojuegos</div>
    <div id="contenido">Contenido</div>
    <div id="pie">Pie</div>
    </div>
    </body>
    </html>
  • "Hoja de estilos":
    *{ margin:0px ; padding:0px ; border: 0px }
    #cabecera { border-top: black 3px solid ; border-left: white 1px solid ; border-right: white 1px solid }
    #navegacion {background-color: lavender ; border: white 1px solid ; height:25px }
    #navegacion li { float:left ; list-style:none ; margin: 0px 15px 0px 0px ; text-align:left}
    #contenido {background-color: dodgerblue }
    #pie {background-color: green }
    #global {width: 800px ; margin: 0px }
    body {text-align: center}
    a {color: black; font-size:1.3em ; text-decoration: none}
    xD Perdon por tando misterio... :P
    hola

    tu css debe estar asi

    *{ margin:0px ; padding:0px ; border: 0px }
    a {color: black; font-size:1.3em ; text-decoration: none}
    body {text-align: center}
    #global {width: 800px ; margin: 0px }
    #cabecera { border-top: black 3px solid ; border-left: white 1px solid ; border-right: white 1px solid }
    #navegacion {background-color: lavender ; border: white 1px solid ; height:25px }
    #navegacion li { float:left ; list-style:none ; margin: 0px 15px 0px 0px ; text-align:left}
    #contenido {background-color: dodgerblue }
    #pie {background-color: green }
    Yaneth escribió:...
    Ya lo edite pero sigue estando la línea esa.
    PD: Ahora el codigo es así:
    index.html:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>HobbyOcio.com - Todo sobre tus hobbies favoritos</title>
    <link rel="stylesheet" href="estilo-hobbyocio.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="cabecera">
    <div id="logotipo">[contenido no disponible]
    </div></div>
    <div id="inicio"><ul>
  • Inicio</div><div id="animemanga">
  • Anime/Manga</div><div id="videojuegos">
  • Videojuegos</div>
    <div id="contenido">Contenido</div>
    <div id="pie">Pie</div>
    </div>
    </body>
    </html>
  • Hoja de estilos:
    *{ margin:0px ; padding:0px ; border: 0px }
    body {text-align: center}
    a {color: black; font-size:1.3em ; text-decoration: none}
    #cabecera { border-top: black 3px solid ; border-left: white 1px solid ; border-right: white 1px solid }
    #navegacion {background-color: red ;height:25px }
    #navegacion li { float:left ; list-style:none ; margin: 0px 15px 0px 0px ; text-align:left}
    #contenido {background-color: dodgerblue }
    #pie {background-color: green }
    #global {width:800px ; margin: 4px auto }
    #inicio {float:left ; border-top: Gainsboro 1px solid ; border-bottom: Gainsboro 1px solid ; border-left: Gainsboro 1px solid ;
    border-right: Gainsboro 1px solid ; width: 150px}
    #animemanga {float:left ; border-top: Gainsboro 1px solid; border-bottom: Gainsboro 1px solid ; border-right: Gainsboro 1px solid ;
    list-style:none ; width: 150px}
    #videojuegos {floeta:left; border-top:Gainsboro 1px solid; border-bottom:Gainsboro 1px solid ; border-right: Gainsboro 1px solid ;
    width: 150px; }
    ¿Alguien me lo soluciona? :cry: