Ayuda plizzz!!

Hola, Tengo una duda...Con algo que no me sale.
Es en el paso que hay que poner el logotipo...
1)No me aparece el logotipo.
2)Los bordes se me deliniaron.
3)Se me mezclo todo por decir asi...
hay les paso mi plantilla.html y estilo-general.css
plantilla.html:
<!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">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">[contenido no disponible]
<div id="publicidad">Bienvenidos a mi Web</div>
</div></p>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>
    <h1>Esta será la zona principal de la web</h1>


    Este es el primer parrafo.</p>
    <h2>Y este es el segundo párrafo.</h2>

    Este no se me ocurre nada mas che....</p>


    Y esto es lo ultimo de la pagina web que escribo por ahora.</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>
    estilo-general.css:
    * {margin: 0px ; padding: 0px ; border: 0px }
    body {text-align: center }
    #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 }
    #navegacion {background-color: pink ; border: black 1px solid }
    #contenido {background-color: #1C86EE ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px }
    #contenido p {margin: 5px 10px 5px 10px ; text-indent: 15px }
    #pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid;border-top: black 1px solid } }
    #global {width:800px ; margin: 4px auto }
    #menu {background-color: Aquamarine ; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px }
    #menu li {list-style: none ; margin: 4px 0px 4px 6px }
    #curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat; width:800px ;
    height: 12px ;
    overflow: hidden }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px ;
    overflow: hidden }
    a {color: Blue3 ; text-decoration: none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color: #836FFF ; text-decoration: underline ; background-color: #97FFFF }
    a:active {}
    .justificado {text-align: justified }
    .centrado {text-align: center }
    .izquierda {text-align: left }
    h1 {font-size: 1.2em ; color: orange ; font-weight: bold ; text-decoration: underline ; text-align: center }
    h2 {font-size: 1.1em ; color: orange ; font-weight: bold ; text-decoration: none ; text-align: center }

    Agradezco mucho su respuesta muchas gracias...
  • Mirá este es tu codigo de plantilla.html

    <!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">
    </head>
    <body>
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">
    <a href="index.html">[contenido no disponible] </div>
    <div id="publicidad">Bienvenidos a mi Web</div>
    </div></p>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>
    <h1>Esta será la zona principal de la web</h1>


    Este es el primer parrafo.</p>
    <h2>Y este es el segundo párrafo.</h2>

    Este no se me ocurre nada mas che....</p>


    Y esto es lo ultimo de la pagina web que escribo por ahora.</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    Lo verde lo tienes que agregar ; lo rojo lo debes sacar

    Saludos!!!
  • Fíjate en el html-kit que la carpeta objetos (todo en minuscula) esté dentro del servidor en una carpeta que se llama como tu web, porque muchas veces se sube fuera y no se ve :wink: