Hola, he empezado a crear una web pero no la he colgado en nigun servidor todavia!
Però en estos momentos tengo ya varios problemas ja que he seguido vuestros passos però el resultado no és el mismo que teneis vosotros, no se en que me he equivocado pero ya llevo varios dias quitando y ponendo cosas a ver si se arregla pero no lo consigo. Os degome hoja de la plantilla y la de los estilos a ver si me podeis ayudar! Gracias.
PLANTILLA
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>RESIDENCIA</title>
<link rel="stylesheet"href="estilo-general.css"type="text/css"media="all">
<meta http-equiv="Content-Type"content="text/html;charset=iso-8859-1">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">RESIDÈNCIA</div>
<div id="logotipo"><a href="index.html"><img src="objetos/logotipo.gif"width="270px"height="80px"alt="Haz clic aquí para volver a la página de inicio"></a></div>
</div>
<div id="navegacion">
<ul><li><a href="#">Inici</a></li><li><a href="#">Contacte</a></li><li><a href="#">Localització</a></li><li><a href="#">Altres</a></li></ul>
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Titol menú</h1><li><a href="#">Història de la Residència</a></li><li><a href="#">Serveis</a></li><li><a href="#">Instalacions</a></li><li><a href="#">Localització i contacte</a></li><li><a href="#">Galeria de fotografies</a></li></ul>
</div>
<h1>Aquests serà la zona principal de la web</h1>
<p>Pàrraf seguents que he de possar 1</p>
<p>Pàrraf seguent k he de possar 2</p>
<h2>Aquest és el tercer pàrraf</h2><p>En poques leccions estarà fet i posare tot ben possatanda que no</p>
</div>
<div id="pie">Aquest és el peu de la pàgina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
HOJA DE ESTILOS CSS
*{text-indent:0px;margin:0px;padding:0px;border:0px;}
p{text-aling:justify}
h1{font-size:1.2em;color:black;font-weight:bold;text-decoration:underline;text-aling:center;}
h2{font-size:1.1em;color:blue;font-weight:bold;text-decoration:none;text-aling:center;}
body{background-color:#FFF68F;text-aling: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:khaki1;font-size:3.1em;border-left:black 1px solid;border-right:black 1px solid;height:85px;}
#logotipo{width:280px;float:left}
#publicidad{width:518px;fload:right;margin-top:25px;font-size:16px;}
#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{margin:5px 10px 0x 10px;text-indent:15px;}
#menu{width:150px;float:left;text-aling:left;margin:3px 10px 3px 3px;background-image:url(objetos/menu-parte-inferior.gif);background-position:bottom;padding-bottom:5px;}
#menu li{list-style:none;margin:4px 8px 4px 6px;}
#menu h1{text-decoration:none;font-size:12px;padding-top:12px;background-image:url(objetos/menu-parte-superior.gif);}
#pie{background-color:brown;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:blue;font-size:1.3em;text-decoration:none;display:block;}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:silver;}
a:active{}
Espero vuestra respuesta!! Gracias
Però en estos momentos tengo ya varios problemas ja que he seguido vuestros passos però el resultado no és el mismo que teneis vosotros, no se en que me he equivocado pero ya llevo varios dias quitando y ponendo cosas a ver si se arregla pero no lo consigo. Os degome hoja de la plantilla y la de los estilos a ver si me podeis ayudar! Gracias.
PLANTILLA
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>RESIDENCIA</title>
<link rel="stylesheet"href="estilo-general.css"type="text/css"media="all">
<meta http-equiv="Content-Type"content="text/html;charset=iso-8859-1">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">RESIDÈNCIA</div>
<div id="logotipo"><a href="index.html"><img src="objetos/logotipo.gif"width="270px"height="80px"alt="Haz clic aquí para volver a la página de inicio"></a></div>
</div>
<div id="navegacion">
<ul><li><a href="#">Inici</a></li><li><a href="#">Contacte</a></li><li><a href="#">Localització</a></li><li><a href="#">Altres</a></li></ul>
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Titol menú</h1><li><a href="#">Història de la Residència</a></li><li><a href="#">Serveis</a></li><li><a href="#">Instalacions</a></li><li><a href="#">Localització i contacte</a></li><li><a href="#">Galeria de fotografies</a></li></ul>
</div>
<h1>Aquests serà la zona principal de la web</h1>
<p>Pàrraf seguents que he de possar 1</p>
<p>Pàrraf seguent k he de possar 2</p>
<h2>Aquest és el tercer pàrraf</h2><p>En poques leccions estarà fet i posare tot ben possatanda que no</p>
</div>
<div id="pie">Aquest és el peu de la pàgina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
HOJA DE ESTILOS CSS
*{text-indent:0px;margin:0px;padding:0px;border:0px;}
p{text-aling:justify}
h1{font-size:1.2em;color:black;font-weight:bold;text-decoration:underline;text-aling:center;}
h2{font-size:1.1em;color:blue;font-weight:bold;text-decoration:none;text-aling:center;}
body{background-color:#FFF68F;text-aling: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:khaki1;font-size:3.1em;border-left:black 1px solid;border-right:black 1px solid;height:85px;}
#logotipo{width:280px;float:left}
#publicidad{width:518px;fload:right;margin-top:25px;font-size:16px;}
#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{margin:5px 10px 0x 10px;text-indent:15px;}
#menu{width:150px;float:left;text-aling:left;margin:3px 10px 3px 3px;background-image:url(objetos/menu-parte-inferior.gif);background-position:bottom;padding-bottom:5px;}
#menu li{list-style:none;margin:4px 8px 4px 6px;}
#menu h1{text-decoration:none;font-size:12px;padding-top:12px;background-image:url(objetos/menu-parte-superior.gif);}
#pie{background-color:brown;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:blue;font-size:1.3em;text-decoration:none;display:block;}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:silver;}
a:active{}
Espero vuestra respuesta!! Gracias