Cómo colocar el logotipo con enlace en la web

OLA ESQUE LO QUE PASA ESQUE EL LOGOTIPO ME SALE BIEN PERO NO LOGRO LOCALIZAR BIEN LAS LETRAS
MIRA MI PLANTILLA HTML ESTA HACI
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
[contenido no disponible]
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">

SI ESTA BIEN??

Y MI CSS ESTA HACI
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {background-color: brown ; width:280px ; float:left }
#publicidad {background-color: pink; width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: pink ; border: black 1px solid }
ESTAN BIEN
:) :?: :?:

LUEGO LE DOY EN VISTA PREVIA Y EM QUEDA LA IMAGEN EN OTRO LADO Y NO DONDE DEVERIA QUEDAR

MIRA HAY TE DEJO UNA IMAGEN DE COMO ME ESTA QUEDANDO EN VISTA PREVIA UNA BARBARIDAD :oops:

achhh no se puede mira mi msn es [correo eliminado] Y SI NO ENTIENDES HABLAMOS Y TE ENVIO LA FOTO :)
HOLA
Hola, creo que el fallo está en que no has cerrado la capa cabecera, en esta capa estan las capas logotipo y publicidad, te muestro lo que tienes:

<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
[contenido no disponible]
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">


te marco en rojo el inicio de la capa cabecera, en verde el inicio y cierrre de logotipo , y en azul el inicio y cierrre de publicidad, como ves falta cerrar el div (capa) cabecera ya que solo lo has abierto pero no lo has cerrado, para cerrarlo añade el div como te muestro:
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
[contenido no disponible]
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">

Un saludo.
PERO MI ESTILOS CSS ESTA BIEN???

#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {background-color: brown ; width:280px ; float:left }
#publicidad {background-color: pink; width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: pink ; border: black 1px solid }
HOLA
PERO ESQUE LO QUE PASA ES QUE AGO LO Q TU ME DICES DE ESTO
</head>
<body>
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
[contenido no disponible]
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">

Y EL CSS

#global {width:800px ; margin:4px auto }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {background-color: brown ; width:280px ; float:left }
#publicidad {background-color: pink; width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: pink ; border: black 1px solid }
#contenido {background-color: orange; float:left; border-left: black 1px solid ; border-right: black 1px solid;border: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }

Y HAORA ME QUEDA LA IMAGEN BIEN PERO ME QUEDA DONDE DICE BIEN VENIDO A MI WEB QUEDA MUY ARRIBA(OSEA TODO DESPLAYADO) Y NO ME QUEDA COMO APARESE EN LA IMAGEN DEL CURSO PASO A PASO
HOLA