Hola voy mejoranbdo pero ahora necesito un consejo, en la pagina que ahora estoy haciendo que es igual a otras muchas y depende de una principal, me ha surgido unas dudas, os cuento.
Tengo un contenido y dento de el varios 3 div claro yo quiero que tenga todo el mismo color, por eso les pongo a todos ellos el mismo color, pero.... quiero que cada pagina que haga tenga un color diferente, entonces me surge la duda, o lleno toda la hoja css de codigo poniendo a cada div un color cambiadolos de nombre tanto en el codigo HTML y CSS o tambien se me ha ocurrido que cada pagina o grupo de paginas tenga una hoja independiente CSS.
Que es mejor???
Por otro lado, me estoy volviendo loco con las AES o sea eso de
#menu a {color: #551A8B; text-decoration: none} por ejemplo, no tengo muchas pero no logro hacer que me hagan caso todas en lo que quiero y eso para mi es muy importante.
Como lo puedo arreglar para que me funcione correctamente??
Gracias, Os dejo los codigos.
HTML
CSS
Tengo un contenido y dento de el varios 3 div claro yo quiero que tenga todo el mismo color, por eso les pongo a todos ellos el mismo color, pero.... quiero que cada pagina que haga tenga un color diferente, entonces me surge la duda, o lleno toda la hoja css de codigo poniendo a cada div un color cambiadolos de nombre tanto en el codigo HTML y CSS o tambien se me ha ocurrido que cada pagina o grupo de paginas tenga una hoja independiente CSS.
Que es mejor???
Por otro lado, me estoy volviendo loco con las AES o sea eso de
#menu a {color: #551A8B; text-decoration: none} por ejemplo, no tengo muchas pero no logro hacer que me hagan caso todas en lo que quiero y eso para mi es muy importante.
Como lo puedo arreglar para que me funcione correctamente??
Gracias, Os dejo los codigos.
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unidad Pastoral Santa Maria de Olarizu-Caritas</title>
<link rel="stylesheet" href="paginas.css" type="text/css" media="all">
<style type="text/css">
<!--
.Estilo1 {color: #E2E2E2}
-->
</style>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[url="plantilla.html"][img]IMAGENES/logotipoprueba.jpg[/img][/url]</div>
<div id="publicidad">[img]IMAGENES/banner.jpg[/img]</div>
</div>
<div id="navegacion">
<ul>
[*][url="quesomos.html"]Qué somos[/url]
[*][url="dondeestamos.html"]Dónde estamos[/url]
[*][url="contactos.html"]Contacto[/url]
[*][url="docinteres.html"]Documentos de interés[/url]
[*][url="foro.html"]Foro[/url]
[*][url="plantilla.html"]Inicio[/url]
[/list]
</div>
<div id="contenido2">
<div id="areamenuizq">
<div id="areas"><h1>AREAS PASTORALES</h1>
</div>
<div id="menu">
<ul><h1>EDUCACIÓN EN LA FE</h1>
[*] [url="catequesis.html"]Catequesis Familiar[/url]
[*] [url="pastoraljovenes.html"]Pastoral con Jóvenes[/url]
[*] [url="pastoraladultos.html"]Pastoral con Adultos[/url]
[*] [url="pastoralfamiliar.html"]Pastoral Familiar[/url]
<h2>CELEBRACIÓN DE LA FE Y LITURGIA </h2>
[*] [url="liturgia.html"]Comisión de Liturgia[/url]
[*] [url="oraciongrupal.html"]Experiencia de oración grupal[/url]
<h2>SOCIO CARITATIVA </h2>
[*] [url="caritas.html"]Cáritas[/url]
[*] [url="social.html"]Comisión Social[/url]
[*] [url="mayores.html"]Comisión de Mayores y Enfermos[/url]
[*] [url="misiones.html"]Misiones y Solidaridad[/url]
[*] [url="penitenciaria.html"]Pastoral Penitenciaria[/url]
<h2>COORDINACIÓN Y COMUNIÓN</h2>
[*] [url="economica.html"]Comisión Económica[/url]
[*] [url="agentes.html"]Agentes de Pastoral[/url]
[*] [url="consejo.html"]Consejo Pastoral[/url]
<h2>SERVICIOS</h2>
[*] [url="limpieza.html"]Ornamentación y limpieza de las iglesias[/url]
[/list]
</div>
</div>
<div id="areamenuder">
<div id="areasder"><h1>CONTENIDO</h1>
</div>
<div id="menuder">
<ul><h1>COMISIONES</h1>
[*] [url=""]Acogida[/url]
[*] [url=""]Piso de inmigrantes [/url]
[*] [url=""]Promoción de personas adultas[/url]
[*] [url=""]Grupo ropero[/url]
[*] [url="forum5070.html"]Forum 50 - 70[/url]
[/list]
</div>
</div>
<div id="escritos"><h2>CÁRITAS</h2>
[url="http://www.caritasvitoria.org/"]Cáritas[/url] de la Unidad Pastoral Santa María de Olarizu esta unida a las opciones y líneas de actuación de Caritas Diocesana en el ámbito de la Iglesia Diocesana.</p>
Desarrolla su actividad en el marco de la Unidad Pastoral, en el Área socio-caritativa, asumiendo el objetivo del Proyecto de la Unidad pastoral, [b]Tomar conciencia y salir al encuentro de los pobres entre nosotros y hacerles sitio en nuestras comunidades.[/b]</p>
[b]OBJETIVOS[/b]</p>
- Animar y coordinar la acción socio-caritativa en la que participan alrededor de 75 voluntarios</p>
- Analizar la realidad de pobreza existente en nuestra zona, causas, consecuencias, para intervenir en ella, sensibilizando, denunciando y transmitiendo a los cristianos la conciencia de que todos somos Caritas y a los hombres y mujeres de buena voluntad de nuestra zona que tenemos el reto de luchar por una vida digna para todas las personas</p>
[b]JUNTA DE CARITAS[/b]</p>
Esta compuesta por la directora de Caritas, la trabajadora social, el tesorero, el consiliario y los representantes de la diferentes comisiones o grupos de Caritas.</p>
Tiene como finalidad animar la acción caritativa de la Zona sensibilizando, denunciando, conociendo nuevas pobrezas y coordinar las diferentes comisiones y hacer seguimiento de programas y actividades.</p>
</div>
</div>
<div id="pie">[img]IMAGENES/webamigas.jpg[/img]
[url="http://www.gazteok.org"][img]IMAGENES/gazteok.jpg[/img][/url][url="http://www.diocesisvitoria.org/"][img]IMAGENES/diocesisvitoria.gif[/img]<a href="http://www.caritasvitoria.org/" target="_blank">[img]IMAGENES/caritas.jpg[/img][/url]</div>
<div id="curva-inferior"></div>
</div>
</body>
</html> CSS
* {text-indent:0px ; margin:0px; padding:0px ; border: 0px}
p {text-align: justify}
body {text-align: center; background-color: #528B8B}
#global {width: 800px ; margin: 4px auto}
#curva-superior {background-image: url(IMAGENES/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:105px}
#logotipo {width:260px ; float:left}
#publicidad {width:538px ; float:right}
#navegacion {background-color: #003366 ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 18px 0px 18px}
#navegacion ul { margin-left: 60px}
#contenido {width:798px; height:680px; background-color: #C1FFC1; border-left: black 1px solid ; border-right: black 1px solid}
#contenido1 {width:798px; height:680px; background-color: #C6E2FF; border-left: black 1px solid ; border-right: black 1px solid}
#contenido2 {width:auto; height:680px; background-color: #FFC1C1; border-left: black 1px solid ; border-right: black 1px solid}
#contenido3 {width:798px; height:680px; background-color: #F5DEB3; border-left: black 1px solid ; border-right: black 1px solid}
#contenido4 {width:798px; height:680px; background-color: #FFBBFF; border-left: black 1px solid ; border-right: black 1px solid}
#contenido5 {width:798px; height:680px; background-image: url(IMAGENES/fondonoticias.jpg); border-left: black 1px solid ; border-right: black 1px solid}
#contenido6 {width:798px; height:680px; background-image: url(IMAGENES/fondonavegacion.jpg); border-left: black 1px solid ; border-right: black 1px solid}
#areamenuizq{float:left;width:181px;height:680px;background-color:#FFC1C1; margin-left:5px}
#areas {float:left; width:180px; height:30px; background-color:#9ACD32; text-align:center; margin-top:10px; }
#areas h1 {text-align: center; text-decoration:none ; font-size:13px ; padding-top:6px ; color:#FFFFFF; font-family:Georgia, serif}
#menu {float:left;background-color:#FFFFFF; width: 180px; text-align:left; margin-top:10px;
background-image: url(IMAGENES/menu-parte-inferior-1.gif) ; background-position: bottom ; padding-bottom:20px}
#menu li { list-style:none ; font-size:12px; margin: 4px 4px 4px 3px; line-height:14px; font-family:"Trebuchet MS",Helvetica,sans-serif}
#menu h1 {text-align: center; text-decoration:none ; font-size:11px ; background-image: url(IMAGENES/menu-curva-superior-1.gif) ; padding-top:11px ; color:black; font-family:Georgia, serif}
#menu h2 {text-align: center; text-decoration:none ; font-size:11px ; padding-top:11px ; color:#000000; font-family:Georgia, serif}
#areamenuder{float:right;width:151px;height:680px;background-color:#FFC1C1; margin-right:10px}
#areasder {float:left; width:150px; height:30px; background-color:#9ACD32; text-align:center; margin-top:10px}
#areasder h1 {text-align: center; text-decoration:none ; font-size:13px ; padding-top:6px ; color:#FFFFFF; font-family:Georgia, serif}
#menuder {float:left;background-color:#FFC1C1; width: 148px; text-align:left; margin-top:10px;background-position: bottom ; padding-bottom:20px; border: gray 1px solid}
#menuder li { list-style:none ; font-size:12px; margin: 4px 4px 4px 3px; line-height:14px; font-family:"Trebuchet MS",Helvetica,sans-serif}
#menuder h1 {text-align: center; text-decoration:none ; font-size:11px ; padding-top:11px ; color:black; font-family:Georgia, serif}
#menuder h2 {text-align: center; text-decoration:none ; font-size:11px ; padding-top:11px ; color:#000000; font-family:Georgia, serif}
#escritos {background-color:#FFC1C1;margin-left:190px;margin-right:190px}
#escritos h2 {text-decoration:none ; font-size:25px ; padding-top:11px; padding-bottom:11px; color:#1C6901; font-family:"Comic Sans MS",cursive}
#escritos h3 {text-decoration:none ; font-size:16px ; color:#003366; font-family:"Comic Sans MS",cursive}
#escritos p {text-align:justify; text-indent:15px; padding-left:6px; font-size:13px; font-family:"Comic Sans MS",cursive}
#escritos img {padding-left:10px; padding-right:10px}
#escritos table {width:500px; border-width:5px; margin-top:10px}
th {text-align:left; font-size:16px; font-family:"Comic Sans MS",cursive}
td {text-align:left; font-size:13px; font-family:"Comic Sans MS",cursive}
#grupo1 {width: 200px; height: 150px; float:left; padding-top:10px; padding-left:25px; padding-right:30px}
#grupo2 {width: 200px; height: 150px; float:left; padding-top:10px; padding-left:30px}
#grupo3 {width: 200px; height: 150px; float:left; padding-left:25px; padding-top:30px; padding-right:30px}
#grupo4 {width: 200px; height: 150px; float:left; padding-top:30px; padding-left:30px}
#pie {width: 798px; height: 75px; background-color:#FFFFFF; padding-top:4px; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid}
#pie img{float: left; margin-right:6px}
#curva-inferior { background-image: url(IMAGENES/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden}
#menu a {color: #551A8B; text-decoration: none}
#menu a:link {}
#menu a:visited {}
#menu a:hover {color: #000000; text-decoration: underline; background-color: #D3D3D3}
#menu a:active
#escritos a {color:#FF0000; text-decoration:none}
#escritos a:link {}
#escritos a:visited {}
#escritos a:hover {color:#FFFFFF; text-decoration:none; background-color:#4F4F4F}
#escritos a:active
#pie a {color: blue; text-decoration:none }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:none ; background-color: white }
#pie a:active {color:black}
#navegacion a {color:white; text-decoration:none }
#navegacion a:link {}
#navegacion a:visited {}
#navegacion a:hover {color:#9ACD32; text-decoration:none }
#navegacion a:active {color:#9ACD32}
#menuder a {color: #551A8B; text-decoration: none}
#menuder a:link {}
#menuder a:visited {}
#menuder a:hover {color: #000000; text-decoration: underline; background-color: #D3D3D3}
#menuder a:active