Entrar

problema con la colocacion del logo, me sale al reves

pcervecitas · · Solicitar retirada
Al seguir el curso, en la colocacion del logo, el logo me sale a la izquierda. adjunto el codigo a ver donde está el fallo por que no lo encuentro. Muchas gracias por la ayuda.
<!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"></div>
<img src="objetos/logotipo.gif" width="270" height="80"
alt="Haz clic aquí para volver a la página de inicio">
<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="#">mis fotos</a></li><li><a href="#">agenda</a></li><li><a href="#">amigas</a></li><li><a href="#">musica favorita</a></li></ul>
</div><h1>Esta será la zona principal de la web.</h1><p>Querida Ana mientras estabas en inglés me he estado acordando de tí, y he decidido seguir avanzando en tu página. Me gustaría que estuvieras aquí para decirme que quieres poner en tu página.</p><h2>dedicado a mi hija</h2><p>Espero que te lo estes pasando muy bien en inglés y que cuando llegues a casa estés contenta. ¡Ojalá te sorprenda lo que te he hecho!.<p>
<P>Despues podremos poner lo que tú quieras en la bienvenida de la página</p>
<P>TE QUIERO MUCHO, PAPÁ</P></div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>

este es el de la plantilla ahora pongo la de estilo

* {margin:0px; padding:0px; border:0px;}
body {text-align:center;}
#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:gray; border: black 1px solid}
#contenido {background-color:orange; border-left:black 2px solid; border-right:black 2px solid;}
#menu {background-color:yellow; width:150px; float:left; text-align:left; margin:3px 10px 3px 3px;}
#pie {background-color:white; border-left: black 1px solid; border-right: black 1px solid; border-top: black 1px solid;}
#menu li {list-style:none; margin:4px 0px 4px 6px;}
a{color: brown; text-decoration:none; display:block;}
a:link{}
a:visited{}
a:hover{color: red;text-decoration:underline; background-color: silver;}
a:active{}
p{text-align:justify;}
#contenido p {padding:5px 10px 5px 10px;}
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;}
#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: hidde;}

Por cierto enhorabuena por la pagina
alpisu · · Solicitar retirada
Hola.
Dices que el logo te sale a la izquierda, ¿pues no es ahí donde tiene que salir?
A mi también me sale a la izquierda y estoy mas contentoooo............
Seguramente no he entendido tu incidencia.
Saludos.
pcervecitas · · Solicitar retirada
Muchas gracias por responder, todavía no la he subido estoy esperando que me manden los datos, con respecto a lo del logo me sale en la derecha en vez de en la izquierda y se me descolocala barra de bienvenida.
alpisu · · Solicitar retirada
Buenas de nuevo.
He probado a quitar el float en el css (#logotipo), y me lo descoloca totalmente. Mira a ver si puede ser este tu problema. De todas las forma te pego mi código de estilo-general.css para que le pegues una comparada rapidilla o, teniendo en cuenta que seguro que has obviado algo, en un momento dado puedes incluso pegarlo, aunque tiene pinta de que no tienes el float en el css.

* {
margin: 0px;
padding: 0px;
border: 0px;
}

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;
}

body {
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: 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;
height: 20px;
}

#navegacion ul {
margin-left: 60px;
}

#navegacion li {
float: left;
list-style: none;
margin: 0px 20px 0px 20px;
}

#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 {
width: 150px;
float: left;
text-align: left;
margin: 3px 10px 3px 3px;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom;
padding-bottom: 5px;
}

#menu h1 {
text-decoration: none;
font-size: 12px;
background-image: url(objetos/menu-parte-superior.gif);
padding-top: 12px;
}

#menu li {
list-style: none;
margin: 4px 8px 4px 6px;
}

#pie {
background-color: white;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid;
height: 65px;
}

#pie li {
list-style: none;
font-size: 12px;
}

#pieuno {
float: left;
width: 150px;
}

#piedos {
float: left;
width: 498px;
}

#pietres {
float: left;
width: 150px;
}


#curva-inferior {
background-image: url(objetos/curva-inferior.gif);
background-repeat: no-repeat;
width: 800px;
height: 12px;
overflow: hidden;
}

a {
color: #A52A2A;
text-decoration: none;
display: block;
}
a:link {}
a:visited{}
a:hover {
color: red;
text-decoration: underline;
background-color: silver;
}
a:active {}

#pie a {
color: blue;
text-decoration: none;
display: block;
}
#pie a:link {}
#pie a:visited {}
#pie a:hover {
color: black;
text-decoration: underline;
background-color: white;
}
#pie a:active {
color: black;
}

#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white; }
#logotipo a:active {}
alpisu · · Solicitar retirada
No te olvides del orden en el que tienes puesto tus selectores.
Saludos.