Tengo un problemita...
No se porque no puedo relacionar mi hoja de estilo general con mi plantilla del ejemplo del curso paso a paso...
ya cheque el enlace que uno estas dos y segun esto esat bien, asi k no se k pueda ser..
les dejo lo que llevo hecho de mi plantilla y mi hoja de estilo general.
*PLANTILLA (codigos html):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="test/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
<div id="navegacion">
<ul>
<h1>Titulo de seccion 1</h1>
Seccion 1 Seccion 2 Seccion 3 Seccion 4
</div>
<div id="contenido">
<div id="menu">menu
<ul> Enlace 1 Enlace 2 Enlace 3 Enlace 4
</div>
<h1>Este sera la zona principal de la web</h1>
lalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalala</p>
<h2>lalalalalalalalalalalalalala</h2>
lalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalala</p>
lalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalala</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
Foro ejemplos Contactos Nos enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
Directorio Top Site Mapa de la web
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
*HOJA DE ESTILO GENERAL:
* {text-indent: 0px ; 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.2em ; 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 ; broder-left: black 1px solid ; border-right: black 1px solid ; height: 85px }
a {color: brown ; text-decoration: none ; display: block }
a:link {}
a:visited {}
a:hover {color: red ; text-decoration: underline ; background-color: silver }
a:actived {}
#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 20px 0px 20px }
#navegacion ul {margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p{padding: 5px 10px 5px 10px ; text-indent: 15 px }
#menu {width: 150px ; float: left ; text-align: left ; margin-right: 10px ; margin: 3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-position: 5px }
#menu li {list-style: none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration: none ; font-size: 12px ; background-image: url(objetos/menu-parte-superior.gif) ; padding-top: 12px }
#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(onjetos/curva-inferior.gif) ; background-repeat: no repeat ; width: 800px ; heoght: 12px ; overflow: hidden }
___________________
PERDONEN EL DESORDEN...
si me pueden ayudar se los agradeceria muxo muxo muxo...:)
No se porque no puedo relacionar mi hoja de estilo general con mi plantilla del ejemplo del curso paso a paso...
ya cheque el enlace que uno estas dos y segun esto esat bien, asi k no se k pueda ser..
les dejo lo que llevo hecho de mi plantilla y mi hoja de estilo general.
*PLANTILLA (codigos html):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="test/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
<div id="navegacion">
<ul>
<h1>Titulo de seccion 1</h1>
</div>
<div id="contenido">
<div id="menu">menu
<ul>
</div>
<h1>Este sera la zona principal de la web</h1>
lalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalala</p>
<h2>lalalalalalalalalalalalalala</h2>
lalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalala</p>
lalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalala</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
*HOJA DE ESTILO GENERAL:
* {text-indent: 0px ; 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.2em ; 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 ; broder-left: black 1px solid ; border-right: black 1px solid ; height: 85px }
a {color: brown ; text-decoration: none ; display: block }
a:link {}
a:visited {}
a:hover {color: red ; text-decoration: underline ; background-color: silver }
a:actived {}
#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 20px 0px 20px }
#navegacion ul {margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p{padding: 5px 10px 5px 10px ; text-indent: 15 px }
#menu {width: 150px ; float: left ; text-align: left ; margin-right: 10px ; margin: 3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-position: 5px }
#menu li {list-style: none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration: none ; font-size: 12px ; background-image: url(objetos/menu-parte-superior.gif) ; padding-top: 12px }
#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(onjetos/curva-inferior.gif) ; background-repeat: no repeat ; width: 800px ; heoght: 12px ; overflow: hidden }
___________________
PERDONEN EL DESORDEN...
si me pueden ayudar se los agradeceria muxo muxo muxo...:)