Hola a todos los compañeros de CCTW tengo un pequeño problema con el logotipo, en el curso de html e seguido todos los pasos al pie de la letra pero cuando coloco el logotipo al lado izquierdo y la publicidad al lado derecho no queda la cabecera como debia http://www.comocreartuweb.com/html-kit-tutorial/ejemplos/plantilla-… en cambio queda de esta manerahttp://www.comocreartuweb.com/html-kit-tutorial/ejemplos/plantilla-… solo que la cabecera ya en blanco.
mi plantilla html es asi
<!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">[contenido no disponible]</div><div id="publicidad">Bienvenidos a mi Web</div><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>
Espero, que todo esto me sirva mucho ya que quiero hacer una buena pagina. pero lo mejor de todo es que si estoy aprendiendo mucho.</p><h2>Y este es el Tercer Parrafo</h2>
Como si fuera poco quiero tener una excelente pagina y espero que muchas personas puedan disfrutar de esta pagina.quiero aprender mucho de este curso.ademas quiero ganar mucho dinero con esta pagina para poder cuidar muy bien a mi esposa hermosa.</p></div><div id="pie">Este es el pié de página</div><div id="curva-inferior"></div>
</div></body>
</html>
y mi estilo-general.css es asi
* {margin:0px ; padding:0px ; border: 0px} body {text-align: center}#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-right: 3px 10xp 3xp 3xp} #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 li { list-style:none ; margin: 4px 0px 4px 6px}a {color: brown ; test-decoration: none ; display: block}a:link {}a:visited {}a:hover {color: red ; test-decoration:underline ; background-color: silver}a:active {}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-inferior { background-image: url(objetos/curva-inferior.gif) ;background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }
He revisado una y otra y otra vez tanto mi plantilla como estilo-general pero no he logrado encontrar el error, te agradecería tu colaboración porque me parece muy bueno el curso y quiero terminarlo y no puedo continuar con el curso hasta no poder solucionar este problema de ante mano muchas gracias a todos por su ayuda.
mi plantilla html es asi
<!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">[contenido no disponible]</div><div id="publicidad">Bienvenidos a mi Web</div><div id="navegacion">Barra de Navegación</div><div id="contenido"><div id="menu"><ul>
Espero, que todo esto me sirva mucho ya que quiero hacer una buena pagina. pero lo mejor de todo es que si estoy aprendiendo mucho.</p><h2>Y este es el Tercer Parrafo</h2>
Como si fuera poco quiero tener una excelente pagina y espero que muchas personas puedan disfrutar de esta pagina.quiero aprender mucho de este curso.ademas quiero ganar mucho dinero con esta pagina para poder cuidar muy bien a mi esposa hermosa.</p></div><div id="pie">Este es el pié de página</div><div id="curva-inferior"></div>
</div></body>
</html>
y mi estilo-general.css es asi
* {margin:0px ; padding:0px ; border: 0px} body {text-align: center}#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-right: 3px 10xp 3xp 3xp} #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 li { list-style:none ; margin: 4px 0px 4px 6px}a {color: brown ; test-decoration: none ; display: block}a:link {}a:visited {}a:hover {color: red ; test-decoration:underline ; background-color: silver}a:active {}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-inferior { background-image: url(objetos/curva-inferior.gif) ;background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }
He revisado una y otra y otra vez tanto mi plantilla como estilo-general pero no he logrado encontrar el error, te agradecería tu colaboración porque me parece muy bueno el curso y quiero terminarlo y no puedo continuar con el curso hasta no poder solucionar este problema de ante mano muchas gracias a todos por su ayuda.