en la parte tercera del curso paso a paso, en la seccion "insertar logotipo", no me aparece bien la parte de arriba en la plantilla, he seguido los pasos varias veces por si me habia confundido pero no encuentro ningun error, me pueden decir cual puede ser el error?
dejo una foto para que vean lo que aparece:
http://www.subirimagenes.com/imagen-de-plantillaerror-1870565.html[contenido no disponible]gracias de antemano :wink:
checa en la hoja de estilos
en
#cabecera
debes tener un "alto" asi:
height:85px
si no lo tienes ponselo, y si lo tienes checa la sintaxis, tal ves es una letra de mas o de menos
si todo parece estar bien
pega aqui tus codigos o bien, danos la url para checarlos
saludos
aqui dejo los codigos:
* {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; margin-top:25px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left; list-style:none; margin: 0px 10px 0px 20px}
#navegacion ul { margin-left: 50px }
#contenido {background-color: orange ; width:auto ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 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: yellow ; width: 150px ; float:left ; text-align:left; margin-right:10px ;margin:3px 10px 3px 3px}
#menu li { list-style:none ; margin: 4px 0px 4px 8px}
* {margin:0px ; padding:0px ; border: 0px}}
a {color: blue; font-size:1.3em ; text-decoration: none}
a {color: brown; text-decoration:none}
a:link{}
a:visited{}
a:hover{color:red; text-decoration:none; background-color: silver}
a:active{}
a {color: brown ; text-decoration:none ; display: block }
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}
#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}
Muchas gracias por la rapidez, el trabajo que haceis y bueno yo que soy principiante me entero de casi todo con la guia. Me he quedado muy asombrado, muchas felicidades!
:wink: :wink:
pon tambien por favor, los codigos del html, para checarlos ambos
saludos
aqui van los codigos 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 id="cabecera">
<div id="logotipo"></div>
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
Sección 1
Sección 2
Sección 3
Sección 4
</div>
<div id="contenido">
<div id="menu">
<ul>Enlace 1Enlace 2Enlace 3
</div>
<h1>Esta será la zona principal de la web</h1>
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 ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>
En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sangrias por la izquierda a la primera línea, que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia!</p>
</div>
<div id="pie">Este es el pie de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
mira el error está aqui
<div id="cabecera">
<div id="logotipo"></div>
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
estás cerrando la div logotipo antes de meter la imagen
checalo
y aqui hay otro error
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"></div>
no has cerrado la curva superior (en rojo lo que te falta)
y..... por aqui veo varios
* {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; margin-top:25px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left; list-style:none; margin: 0px 10px 0px 20px}
#navegacion ul { margin-left: 50px }
#contenido {background-color: orange ; width:auto ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 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: yellow ; width: 150px ; float:left ; text-align:left; margin-right:10px ;margin:3px 10px 3px 3px}
#menu li { list-style:none ; margin: 4px 0px 4px 8px}
* {margin:0px ; padding:0px ; border: 0px}}
a {color: blue; font-size:1.3em ; text-decoration: none}
a {color: brown; text-decoration:none}
a:link{}
a:visited{}
a:hover{color:red; text-decoration:none; background-color: silver}
a:active{}
a {color: brown ; text-decoration:none ; display: block }
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}
#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}
en rojo: 2 corchetes de cierre repetidos
en verde: 3 a: repetidas
en azul: linea repetida
y sigo checando
Y por ultimo (bueno...eso espero)
ponle un poquito mas alto a navegacion
asi:
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
en vez de 20px ponle 25px
saludos
muchas gracias por todo :D