Entrar

Problema con el logotipo de la web

manjon · · Solicitar retirada
Hola a todos!

Verán he realizado todos los pasos que hay que hacer en el apartado del tema 3 llamado Insertar logotipo.
Aquí dejo la dirección donde está alojada la web en la que trabajo y que sale algo descolocada: http://primerapagweb.atwebpages.com/plantilla.html

Esta otra página http://www.comocreartuweb.com/objetos/plantilla-24.htm es como debería de verse pero igual es que no se baja bien el espacio en gris ocupado por la barra de navegación.
Por otro lado, se puede observar como hay un doble grosor en el espacio ocupado por la cabecera y como en el grosor de la parte derecha que une con el pie de página no coincide exactamente como debería. ¿A qué puede ser debido todo esto?

Este es el contenido de mis dos ficheros hasta el momento:

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">
<img src="objetos/logotipo.gif" width="270" height="80" alt="Haz clic aquí para volver a la página de inicio">
</a>
</div>
<div id="publicidad"> Bienvenidos a mi Web</div>
<div>
<div id="navegacion">Barra de Navegación</div>

<div id="contenido">
<div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul>
</div>
<h1>Esta será la zona principal de la web</h1>
<p>Este es mi segundo párrafo. Acabo de poner un punto y en cambio
sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre.
Voy a ponérsela justo aquí</p>
<h2>Y este es el tercer párrafo.</h2> <p>En pocas lecciones aprenderé a darle
márgenes para separarlos unos de otros e incluso hacerles sangría por
la izquierda y a la primera línea, que queda mucho mejor.</p>
<p>¡Anda fíjate! salen todos centrados, que cosa. Espero que Jorgens
nos enseñe poniéndolos alineados a la izquierda o justificados. Así
esto parece una poesía! je je je</p>
</div>

<div id="pie">Este es el pie de la página</div>
<div id="curva-inferior"></div>
</div>

</body>

</html>




ESTILO-GENERAL.CSS

*{text-indent: 0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center}
a {color: brown ; text-decoration: none ; display: block}
a:link {}
a:visited {}
a:hover {color: red ; text-decoration: underline ; background-color: silver}
a:active{}
#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: white ; border-left: black 1px solid ; border-right: black 1px solid ; height: 85px}
#logotipo {width: 280px ; float: left}
#publicidad {width: 518px ; float: right ; margin-top:25px}
#navegacion {background-color: gray ; border: black 1px solid}
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: 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 1px 3px}
#menu li {list-style: none ; margin: 4px 0px 4px 6px}
#pie {background-color: white ; 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;}
p {text-align: justify}
h1 {font-size: 1.2em ; color: blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font-size: 1.1em ; color: blue ; font-weight: bold ; text-decoration: none ; text-align: center}

Gracias nuevamente por vuestra ayuda a ver si me echáis un cable y puedo seguir avanzando.
manjon · · Solicitar retirada
Los videos están muy bien y los iré viendo poco a poco pero necesito una respuesta concreta. No se si alguien ha tenido el mismo problema o si hay alguien que me pueda echar un cable pues como has podido comprobar tanto en Firefox como en Chrome se ve fatal. No sé que es lo que está mal y ya llevo bastante tiempo intentando solucionarlo. Esto de empezar de nuevo con algo se lleva mucho tiempo en intentar solucionar los problemas XD.

Gracias de todos modos.
lantiga · · Solicitar retirada
vale ya se como puedes solventarlo tu solo si has visto los videos sabras que te falta completar el doctype y te faltara una etiqueta meta; lo pasas a validar y el w3c te dira por que no se ve bien ;ok ?

sabras hacerlo?
lantiga · · Solicitar retirada
Lo que te falta en el codigo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">


<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">


La URL para que puedas validar tu codigo y sepas por que y donde falla.

http://validator.w3.org/

Espero que sigas los videos pues te veo algo pez.Suerte.
manjon · · Solicitar retirada
Vale, como dicen en mi tierra estoy "apollardao" XD.
Si nos fijamos en el código de la plantilla.html vemos en la línea posterior de <div id="publicidad"> Bienvenidos a mi Web</div> que hay una línea en la que pone:

<div>

Vale pues ese div debería ser de cierre y se ha de escribir, como bien sabemos así: </div>
He modificado eso y ya va. Aquí está: http://primerapagweb.atwebpages.com/plantilla.html

Por cierto lantiga, muchas gracias por tu ayuda. Hice lo del validador que me dijiste y eso ha sido lo que me ha ayudado a encontrar el fallo.