Entrar

Problema en cabecera

fwar · · Solicitar retirada
Hola
Volví a empezar el curso de html y en la tercera lección cuando se inserta un banner en la cabecera, me queda muy rara la cabecera.

Este es el código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Plantilla</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"></div>
[contenido no disponible]
<div id="publicidad">Bienvenidos!!</div>
</div>
<div id="navegacion">Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3</div>
    <h1>Contenido!!</h1>


    Se supone que tengo que escribir mucho, para sobrepasar el menú lateral,
    entonces, eso haré.
    Bueno, actualmente estoy de vacaciones, escucho Opeth, el Orchid,
    pero no me gusta mucho</p>
    <h2>Otro Párrafo</h2>


    Prefiero el Deliverance, es muy genial ese disco, igual que el "My Arms,
    your Hearse" que este me encanta, como dije ayer lo considero como un poema,
    ya que es una pieza que se completa a través de todo el disco, uno no puede
    escuchar un par de temas, si no que te ata a escuchar el disco completo para
    entender de que se trata.</p>


    No se cuantos párrafos llevo.Pero bueno, volviendo a mi vida... Ahora es
    demasiado tranquila.
    No sé si estoy conforme con eso.. mejor dicho hace tiempo que no estoy
    conforme con la vida así de paja</p>


    Pero bueno...</p>
    </div>
    <div id="pie">Pie de Página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>



    y la hoja de estilos:
    * {margin:0px ; padding:0px ; border:0px }
    body {text-align:center }
    a {color:#9932CC ; text-decoration:none ; display:block }
    a:link {}
    a:visited {}
    a:hover {color:#FFFFF0 ; text-decoration:underline ; background-color:#8B8B83}
    a:active {}
    p {text-align:justify }
    h1 {font-size:1.2em ; color:#483D8B ; font-weight:bold ;
    text-decoration:underline ; text-align:center }
    h2 {font.size: 1.1em; color:#483D8B ; font-weight: bold ;
    text-decoration:none ; text-align:center }
    #global {width:800px ; margin:4px auto }
    #curva-superior {background-image:url(objetos/curva-superior.gif) ;
    background-repeat:no-repeat ; width:800px ;
    height:12px ; overflow:hidden }
    #cabecera {background-color:#FFFAFA ; border-left:black 1px solid ;
    border-right:black 1px solid ; height:85px }
    #logotipo {background-color: #FFFAFA ; width:280px ; float:left }
    #publicidad {background-color: #FFFAFA ; width:518px ; float:right ;
    margin-top:25px }
    #navegacion {background-color:#FFA07A ; border:black 1px solid }
    #contenido {background-color:#BDB76B ; border-left:black 1px solid ;
    border-right:black 1px solid }
    #contenido p {padding:5px 10px 5px 10px ; text-indent:15px }
    #menu {background-color:#FFBBFF; width:150px ; float:left ;
    text-align:left ; margin-right:10px ; margin:3px 10px 3px 3px }
    #menu li {list-style:none ; margin:4px 0px 4px 6px }
    #pie {background-color:#FFFAFA ; border-left:black 1px solid ;
    border-right:black 1px solid ; border-top:black 1px solid }
    #curva-inferior {background-image:url(objetos/curva-inferior.gif) ;
    background-repeat:no-repeat ; width:800px ;
    height:12px ; overflow:hidden }


    No sé en donde está el error.
    Saludos
    • Yaneth · · Solicitar retirada
    Hola

    Seguro que hay un error

    mira aqui

    <div id="cabecera">
    <div id="logotipo"></div>
    [contenido no disponible]
    <div id="publicidad">Bienvenidos!!</div>
    </div>

    has cerrado el div logotipo, antes de poner la imagen
    lo correcto sería que lo cerraras al final de la imagen

    saludos