Me surge un problema para poner el logotipo o sea se me lo mezcla con las capas.
Detalle:Segui paso a paso las instruccciones y aun asi se me mezclo to'.
El logotipo excede dos capas y entra en la tercera y mueve la barra de navegacion hacia la derecha.
En general un kilombo quiero que me pongan por favor como queda el index y tambien la hoja de estilos para saber si puse todo lo que me dicen en las instrucciones o si me trabe.
Como dice el titulo "me la ingenie" pero tengo un solo problema que el mensaje "Bienvenido a mi Web" enves de estar en la capa publicidad se pone en la capa "contenido" y en la vista previa final de la leccion que te enseña a colocar el logotipo y a configurarlo, en esa vista previa aparece el "Bienvenido a mi Web" en la capa publicidad, no en la de contenido.
Xfavor ayuda y reitero ponerme mas o menos como va el index y la hoja de estilos xfa.
Gaveric
Puedes ponernos la URL o los códigos?
Saludos, Juanma :wink:
Mi hoja de estilos que tengo(arruinada de vuelta es esta):
* {margin:0px ; padding:0px ; border:0px}
body {text-align: center}
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid
#navegacion {background-color: gray ; border: black 1px solid}
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#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:3px 10px 3px 3px}
#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 ; text-ident:15px}
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}
La plantilla que tengo hasta el momento es esta:
<!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>
<div id="publicidad">Bienvenidos a mi web</div>
<div id="navegacion">Barra de Navegacion</div>
<div id="contenido"><div id="menu">
<ul>
Enlace 1Enlace 2Enlace 3
</div>
<h1>Esta sera la zona principal de la web</h1>
Este es mi segundo parrafo.Acabo de poner un punto y en cambio sigue siendo un parrafo pues no le he
colocado aun la etiqueta de cierre.Voy a ponersela justo aqui.</p>
<h2>Y este es el tercer parrafo.</h2>
En pocas lecciones aprendere a darle margenes para separarlos uno de otros,
e incluso hacerles sangria por la izquierda a la primera linea, que queda mucho mejor.</p>
Anda fijate! Salen todos centrados, que cosa.Espero que Jorgens nos enseñe a ponerlos alineados a izquierda,
o justificados.Asi esto parece una poesia! je je je.</p>
</div>
<div id="pie">Este es el pie de la pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Mi problema es que sin querer toque en la hoja de estilos la capa navegacion y se me la puso en rojo y en la vista previa de la plantilla me aparece todo mezclado sin fondo borde nada de nada.
Xfavor ayudenme que quiero aprender.
Gaveric
Yo no veo nada en rojo :? Pero si veo una cosa mal, se te olvidó cerrar el div navegacion