Los pongo completos, pero despues de lo que os puse no modifico ningun atributo más de link (a).
Codigo CSS
* {margin:0px ; padding:0px ; border:0px;} /*Ponemos todos los margenes, bordes y separaciones a cero, para que todos los
navegadores los vean iguales*/
/*como lo separo por capas (divs) las centro para que salga en todos los navegadores*/
body
{
text-align: center;
background-image:url("imagenes/fondo_body.jpg");
overflow:auto;
}
/*Caracteristicas de los enlances */
a
{
color:#e1e1e1;
text-decoration:none;
font-family:Century Gothic,Sans-Serif,Verdana,Arial;
font-size:15px;
display:block;
font-weight:bold;
}
a:link
{
}
a:visited
{
}
a:hover
{
color:#f81c1c;
text-decoration:underline;
background-color:silver;
}
a:active
{
}
/*Defino unas caracteristicas para el link en el que estoy*/
.activo
{
color:#968d8d;
}
/*Fin enlaces*/
/*Caracteristicas de los títulos (h1 y h2)*/
h1
{
font-size: 1.2em;
color:#0059de;
font-weight: bold ;
text-decoration: underline ;
text-align: center;
}
h2
{
font.size: 1.1em;
color:#0059de;
font-weight:bold;
text-decoration:none;
text-align: center;
}
/*Fin Carateristicas de los titulos*/
/* Caracteristicas de los parrafos en general*/
p
{
font-family:Century Gothic,Verdana,Sans-Serif,Arial;
font-size:15px;
text-align:justify;
color:#D1D1D1;
}
/*Fin Caracteristicas de los parrafos en general*/
/*Caracteristicas de las capas*/
#global
{
margin:0px auto; /*dejo que lo haga automatico a la izq y la derch*/
width:800px;
}
/*Caracteristicas de las capas de la cabecera*/
#cabecera
{
background-color:transparent;
height:100px;
}
#blanco
{
float:left;
background-image:url("imagenes/fondo_blanco.jpg");
width:100px;
height:100px;
}
#logo
{
float:right;
background-image:url("imagenes/logo.jpg");
background-repeat:no-repeat;
width:700px;
height:100px;
}
/*Fin caracteristicas de las capas cabeceras*/
/*Caracteristicas de la capas del Cuerpo*/
#cuerpo
{
background-image:url("imagenes/fondo_contenido.jpg");
width:800px;
height:auto;
}
#menu
{
float:left;
background-color:transparent;
width:100px;
height:300px;
}
#menu li
{
list-style:none;
padding:4px 8px 4px 6px;
margin:2px;
}
#contenido
{
float:right
background-image:url("imagenes/fondo_contenido.jpg");
background-repeat:no;
width:auto;
text-align: center;
height:600px;
overflow:auto;
}
#contenido h1
{
font-family:Monotype Corsiva,Verdana,Sans-Serif,Arial;
font-size:50px;
text-align:center;
color:f81c1c;
text-decoration:none;
margin-bottom:15px;
}
#contenido h2
{
margin-top:20px;
margin-left:10px;
padding-left:30px;
text-align:left;
font-family:Stylus BT,Arial,Verdana;
font-size:25px;
color:#fffe13;
background-image:url("imagenes/parrafo_fondo_h2.jpg");
background-repeat:no-repeat;
background-position:left;
}
.parrafo /*capa para separar los parrafos*/
{
margin:auto;
background-color:transparent;
width:600px;
overflow:hidden;
}
.parrafo p
{
margin-top:10px;
font-family: Arial, Verdana, Sans-Serif;
font-size:15px;
text-align:justify;
text-indent:15px;
}
/*fin capa cuerpo*/
Codigo HTML
<html>
<title>
Talleres
</title>
<head>
<meta name="title" content="Talleres">
<meta name="keywords" content="soldadura, construcciones-metalicas, construcciones-metálicas, carpintería-metálica, carpinteria-metalica,proyecto-metal, proyectos-metal, proyectos-metales"/>
<meta name="description" content="Taller de Construcciones metálicas y carpintería metálica"/>
<meta name="author" content="Murquis"/>
<meta name="language" content="spanish"/>
<meta name="country" content="spain"/>
<meta name="robots" content="All"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="formato.css" type="text/css" media="all">
<!--
-->
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="blanco">
</p>
</div>
<div id="logo">
</p>
</div>
</div>
<div id="cuerpo">
<div id="menu"> <!--Tengo que poner la lista seguida, porque al poner la propiedad display:block se me separan los enlaces
así consigo que esto no ocurra-->
<h1>Enlaces</h1>
<ul>[*][url="principal.html"]Talleres[/url][*][url="que_hacemos.html"]¿Qué hacemos?[/url][*][url="fotos.html"]Fotos[/url][*][url="videos.html"]Videos[/url][*][url="contacta.html"]Contacta[/url][/list]
</div>
<div id="contenido">
<h1>Talleres</h1>
<h2>Prueba de subtitulo</h2>
<div class="parrafo">
Prueba de parrafo esto es una prueba para ver como queda el subtilulo, que no se como esta y no tengo ni idea de onde ponerlo</p>
</div>
<h2>Prueba de subtitulo</h2>
<div class="parrafo">
Prueba de parrafo esto es una prueba para ver como queda el subtilulo, que no se como esta y no tengo ni idea de onde ponerlo</p>
</div>
</div>
</div>
</div>
</body>
</html>
De momento lo solucione poniendo lo siguinte
.activo
{
color:#elquesea;
}
La cosa está en que si hago a.activo o a.activo:link no me lo pilla, y llamo a la clase dentro del enlace.
