Entrar

Ayuda: Linea blanca debajo de la cabecera

anton-pg · · Solicitar retirada
Hola. Lo siento, pues ya cree otro tema igual a este, pero nadie contestaba y estaba abandonado, pero mi problema no está resuelto. Miren:
[contenido no disponible]
Ahí esta la línea. He descubierto (Es obvio), que esa línea es parte de la imagen de cabecera... pero por mas que cambie de tamaño la imagen o la haga de nuevo no se va. También os doy los códigos por si acaso:

.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="Cinetv">
  • Cine/TV</div>
    <div id="coleccionismo">
  • Coleccionismo</div>
    <div id="contenido">Contenido</div>
    <div id="pie">Pie</div>
    </div>
    </body>
    </html>

    • .css:
    *{ margin:0px ; padding:0px ; border: 0px }
    body {text-align: center}
    a {color: black; font-size:1.3em ; text-decoration: none}
    #cabecera { border-top: black 1px solid ; border-left: black 1px solid ; border-right: black 1px solid}
    #navegacion {background-color: white ;height:25px }
    #navegacion li { float:left ; list-style:none ; margin: 0px 15px 0px 0px ; text-align:left}
    #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: 160px}
    #animemanga {float:left ; border-top: Gainsboro 1px solid; border-bottom: Gainsboro 1px solid ; border-right: Gainsboro 1px solid ;
    list-style:none ; width: 160px}
    #videojuegos {float:left; border-top:Gainsboro 1px solid; border-bottom:Gainsboro 1px solid ; border-right: Gainsboro 1px solid ;
    width: 160px; }
    #cinetv {float:left; border-top:Gainsboro 1px solid; border-bottom:Gainsboro 1px solid ; border-right: Gainsboro 1px solid ;
    width: 160px; }
    #coleccionismo {float:left; border-top:Gainsboro 1px solid; border-bottom:Gainsboro 1px solid ; border-right: Gainsboro 1px solid ;
    width: 160px; }
    #contenido
    #pie
    ¿Algún fallo?¿Sabeis la solución? Por favor, ayudadme.
    Saludos.
    brans · · Solicitar retirada
    no se decirte. solo te digo que a veces tener ese espacio entre capas hace que tu pagina tenga un aspecto mas profesional. a mi me gusta con el espacio.
    anton-pg · · Solicitar retirada
    brans escribió:no se decirte. solo te digo que a veces tener ese espacio entre capas hace que tu pagina tenga un aspecto mas profesional. a mi me gusta con el espacio.
    ¿En serio? ... Bueno, seguire con mi página con esa línea. No había pensado que podría quedar bien... De todas maneras, dadme una solución porsi no me gusta como queda. Gracias de todas maneras.
    Yaneth · · Solicitar retirada
    tienes tu css todo desordenado

    debes poner las cosas por orden de aparicion en el html

    asi

    *
    p
    h
    body
    global
    cabecera
    logotipo
    publicidad
    navegacion
    contenido
    menu
    pie
    a
    ahover

    etc etc

    saludos
    anton-pg · · Solicitar retirada
    Por mas que ordene el css no se me quita la linea. Por cierto, si queda bien en esa pagina, pero no me gustaria mucho uqe apareciese en la mia.
    Yaneth · · Solicitar retirada
    te falta cerrar un ul en div inicio

    no puedes dejar el ul abierto dentro de div

    tienes asi
    abres ul (rojo) cierras div (al cerrar el div, te falta cerrar el ul de lo contrario se cierra automatico)
    abres otro div y abres li, pero no tienes ul dentro de ese div
    y asi no te funcionará

    dentro de un mismo div o metes toda la lista ul con sus li


    <div id="inicio"><ul>
  • Inicio</div><div id="animemanga">
  • Anime/Manga</div><div id="videojuegos">
  • Videojuegos</div><div id="Cinetv">
  • Cine/TV</div>
    <div id="coleccionismo">
  • Coleccionismo</div>

    si prefieres un div para cada enlace, entonces no lo hagas como lista

    haslo asi

    <div id="inicio">Inicio</div><div id="animemanga">Anime/Manga></div><div id="videojuegos">
    Videojuegos</div><div id="Cinetv">Cine/TV</div>
    <div id="coleccionismo">Coleccionismo></div>

    me explico???

    saludos
    • anton-pg · · Solicitar retirada
    Mmmmm, te entendi mas o menos... xD De todas maneras, lo cambié y lo puse cómo dijistes y sí, me sale igual que antes y mucho mas abrebiado. :D Pero... ¡La línea blanca sigue ahí! Sigo diciendo que creo que es cosa de la imagen de la cabecera pero por mas que la aumente no se va... ¬¬"
    PD:La aumento con Pain, y también probé con el programa de html. :P
    Yaneth · · Solicitar retirada
    ok

    yo estoy buscando errores en tus codigos
    independiente si son parte del problema de la raya blanca
    son errores alfin

    vuelve a poner aqui los codigos actualizados y sigo viendo

    saludos
    LotUvIroS · · Solicitar retirada
    Bueno, no se si será por eso, pero la modificación que yo hice en tu código fué la siguiente y no se me ve la linea blanca.

    El div de Cine se llama "cinetv" y en la ID del div en el html le llamas Cinetv, así no funciona claro, ya que distingue entre mayúsculas y minúsculas, debe ser <div id="cinetv"></div>

    Y cómo dice Yanireth, si quieres hacerlo por listas, a cada una su <ul> y su propio cierre, no uno general, no puedes hacer listas de divs.

    En fin, a ver si es eso.

    Saludos.
    anton-pg · · Solicitar retirada
    LotUvIroS escribió:Bueno, no se si será por eso, pero la modificación que yo hice en tu código fué la siguiente y no se me ve la linea blanca.

    El div de Cine se llama "cinetv" y en la ID del div en el html le llamas Cinetv, así no funciona claro, ya que distingue entre mayúsculas y minúsculas, debe ser <div id="cinetv"></div>

    Y cómo dice Yanireth, si quieres hacerlo por listas, a cada una su <ul> y su propio cierre, no uno general, no puedes hacer listas de divs.

    En fin, a ver si es eso.

    Saludos.
    Mmmm, ya lo corregí pero nada.
    Por cierto, ahora el código va así (igual que antes pero...) xD:
    .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">Inicio</div><div id="animemanga">Anime/Manga</div><div id="videojuegos">
    Videojuegos</div><div id="cinetv">Cine/TV</div>
    <div id="coleccionismo">Coleccionismo</div>
    <div id="contenido">Contenido</div>
    <div id="pie">Pie</div>
    </div>
    </body>
    </html>
    .css:
    *{ margin:0px ; padding:0px ; border: 0px }
    body {text-align: center}
    a {color: black; font-size:1.3em ; text-decoration: none}
    #global {width:800px ; margin: 4px auto }
    #cabecera { border-top: black 1px solid ; border-left: black 1px solid ; border-right: black 1px solid}
    #navegacion {background-color: white ;height:25px }
    #inicio {float:left ; border-top: black 1px solid ; border-bottom: black 1px solid ; border-left: black 1px solid ;
    border-right: black 1px solid ; width: 160px;list-style:none }
    #animemanga {float:left ; border-top: black 1px solid; border-bottom: black 1px solid ; border-right: black 1px solid ;
    list-style:none ; width: 160px}
    #videojuegos {float:left; border-top:black 1px solid; border-bottom:black 1px solid ; border-right: black 1px solid ;
    width: 160px;list-style:none }
    #cinetv {float:left; border-top:black 1px solid; border-bottom:black 1px solid ; border-right: black 1px solid ;
    width: 160px; list-style:none }
    #coleccionismo {float:left; border-top:black 1px solid; border-bottom:black 1px solid ; border-right: black 1px solid ;
    width: 160px;list-style:none }
    #contenido
    #pie
    Mirad:
    [contenido no disponible]
    Como veis esta como desblocado por el lado, es decir, que el menu es menos ancho.
    Os voy a pasar la imagen que puse para ver si le veis algo raro, ¿vale?:
    [contenido no disponible]
    Bueno, xD ya me pase de largo con el comentario, jejeje, haber si alguien me lo soluciona. :D
    LotUvIroS · · Solicitar retirada
    Bueno pues te cuento anton-pg.

    Seguramente si haces vista previa, pero en el navegador, veas que no hay linea blanca, la vista previa de los programas deja un poco que desear:

    [contenido no disponible]

    Tambien hice otra cosa, a la imagen del logo le di una anchura de 798, para que no se te vaya a la derecha 2px mas, date cuenta que el global tiene 800px justos, si le restas 1px de cada borde, te quedan 798px para la anchura de la imagen.

    Despues, al div #coleccionismo le di un width de 154px, por lo mismo, por los bordes, te pones a restar, y le das 154px a ese div, y te queda cómo la imagen, perfecto.

    Espero haberme explicado,
    Saludos.
    brans · · Solicitar retirada
    por cierto, mediante que pagina hiciste tu pagina? cctw u otras?
    anton-pg · · Solicitar retirada
    brans escribió:por cierto, mediante que pagina hiciste tu pagina? cctw u otras?
    Me he ayudado gracias a CCTW... ¿Por qué? ¿Hay otras? :S xD Explicame

    PD:Ok, ya está todo arreglado. Gracias, es que soy nobatillo en esto, llevo mucho menos de un mes con lo de la programación. Je, je ,je. ;)
    LotUvIroS · · Solicitar retirada
    Me alegro que se haya arreglado anton-pg.

    brans, no se si le preguntas a anton o a mi.

    Saludos.
    anton-pg · · Solicitar retirada
    LotUvIroS escribió:Me alegro que se haya arreglado anton-pg.

    brans, no se si le preguntas a anton o a mi.

    Saludos.
    Bueno de todqas maneras yo ya le respondí. xD
    anton-pg · · Solicitar retirada
    Miren. Decidi ver como quedaba la wed y la subí a un servidor gratiuto. Pero...:
    [contenido no disponible]
    Me di cuenta de que la línea blanca seguía ahí. LotUvIroS, algo hicistes para que no te saliese esa línea blanca. xD Por favor, intenta averiguar que hicistes y dimelo.
    moimuá · · Solicitar retirada
    anton-pg, cierra div logotipo en la misma línea de código. A ver qué tal.

    <div id="global">
    <div id="cabecera">
    <div id="logotipo">[contenido no disponible]</div>
    </div>

    Saludos.
    anton-pg · · Solicitar retirada
    moimuá escribió:anton-pg, cierra div logotipo en la misma línea de código. A ver qué tal.

    <div id="global">
    <div id="cabecera">
    <div id="logotipo">[contenido no disponible]</div>
    </div>

    Saludos.
    ¡Bien! ¡Mi salvador! xD Hice eso y se me quito la línea blanca, xD. No había pensado que era así... Muchísimas gracias. :D