Tengo todo bien el codigo de mi plantilla.html y tambien en estilo-general.css.
Pero no me sale que la capa de publicidad baje, (nose si estara mal el codigo que indica en la pagina de comocreartuweb que es este: margin-top:25px y sera mas).
Bueno la pagina donde me quede es esta http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…
Y los codigos que tengo son estos:
>>>>>>>>>estilo-general.css :<<<<<<<<<<
>>>>>>>>>>plantilla.html :<<<<<<<<<<<
Bueno espero que me puedan ayudar. T.T
Aca les dejjo un Screen de como se ve mi pantalla y les dejo la pagina de como se tendria que ver.
Se ve asi:
[contenido no disponible]
Se tendria que ver asi:
http://www.comocreartuweb.com/html-kit-tutorial/ejemplos/plantilla-… (Mira en el link)
Desde ya gracias.
Pero no me sale que la capa de publicidad baje, (nose si estara mal el codigo que indica en la pagina de comocreartuweb que es este: margin-top:25px y sera mas).
Bueno la pagina donde me quede es esta http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…
Y los codigos que tengo son estos:
>>>>>>>>>estilo-general.css :<<<<<<<<<<
* {margin:0px ; padding:0px ; border:0px }
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 {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 ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: 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: 10px ; margin: 3px 10px 3px 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 }
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}
h1 {font-size: 1.2em ; color:blue ; text-decoration: underline ; text-aling: center}
h2 {font-sizr: 1.1em ; color:blue ; text-decoration: none ; text-aling: center}>>>>>>>>>>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">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenido 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 sera 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 sanguias 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! je je je.</p>
</div>
<div id="pie">Este es el pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Bueno espero que me puedan ayudar. T.T
Aca les dejjo un Screen de como se ve mi pantalla y les dejo la pagina de como se tendria que ver.
Se ve asi:
[contenido no disponible]
Se tendria que ver asi:
http://www.comocreartuweb.com/html-kit-tutorial/ejemplos/plantilla-… (Mira en el link)
Desde ya gracias.