Hola a todos pues bien me e decidido a acer uan pagina web pero me e estabcado mucho, tengo problemas con asociar la hoja de estilos css con las pagians de las seccione de mi pagina os dejo el codigo tanto de la plantilla como de css:
HTM:
<html>
<head>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<title>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</title>
<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">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
<div id="logotipo">[contenido no disponible]</div>
<div id="navegacion"><ul>Seccíon 1 Sección 2 Sección 3 Sección 4</div>
<div id="contenido"><div id="menu"><ul><h1>Titulo de la Sección 1</h1> Enlace 1 Enlace 2 Enlace 3
</div><h1></h1>
<h2></h2>
</p>
</div>
<div id="pie"></div>
</div>
</body>
</html>
CSS:
#navegacion li{float:left;list-style:none;margin:0px 20px 0px 20px}
#navegacion ul{margin-left:170px}
#contenido{background-color:orange}
#contenido p{padding:5px 10px 5px 10px;text-indent:15px}
#pie{background-color:blue}
#global{width:800px;margin:4pxauto}
#menu{width:150px;float:left;text-aling:left;margin-right:10px;margin:10px 10px 10px 10px}
#menu li{list-style:none;margin:4px 8px 4px 6px}
*{margin:0px;padding:0px;border:0px}
a{color:blue;font-size:1.2em;text-decoracion:none;display:block}
a:link{}
a:visited{}
a:hover{color:red;text-decaration:underline;background-color:silver}
a:active{}
p{text-aling:center}
h1{font-size:1.2em;color:blue;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}
#curva-superior{background-image:url(objeto/curva-superior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
#menu h1 {text-decoration:none;font-size:15px}
#logotipo a{}
#logotipo a:link{}
#logotipo a:visited{}
#logotipo a:hover{background-color:white}
#logotipo a:active{}
Muchas gracias de antemano por todo y un saludo muy grande!!!!!!!!!!
HTM:
<html>
<head>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<title>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</title>
<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">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
<div id="logotipo">[contenido no disponible]</div>
<div id="navegacion"><ul>
<div id="contenido"><div id="menu"><ul><h1>Titulo de la Sección 1</h1>
</div><h1></h1>
<h2></h2>
</p>
</div>
<div id="pie"></div>
</div>
</body>
</html>
CSS:
#navegacion li{float:left;list-style:none;margin:0px 20px 0px 20px}
#navegacion ul{margin-left:170px}
#contenido{background-color:orange}
#contenido p{padding:5px 10px 5px 10px;text-indent:15px}
#pie{background-color:blue}
#global{width:800px;margin:4pxauto}
#menu{width:150px;float:left;text-aling:left;margin-right:10px;margin:10px 10px 10px 10px}
#menu li{list-style:none;margin:4px 8px 4px 6px}
*{margin:0px;padding:0px;border:0px}
a{color:blue;font-size:1.2em;text-decoracion:none;display:block}
a:link{}
a:visited{}
a:hover{color:red;text-decaration:underline;background-color:silver}
a:active{}
p{text-aling:center}
h1{font-size:1.2em;color:blue;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}
#curva-superior{background-image:url(objeto/curva-superior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
#menu h1 {text-decoration:none;font-size:15px}
#logotipo a{}
#logotipo a:link{}
#logotipo a:visited{}
#logotipo a:hover{background-color:white}
#logotipo a:active{}
Muchas gracias de antemano por todo y un saludo muy grande!!!!!!!!!!