estilo_1 VS estilo_2

Buenos días CristaLaberos.
jurr, tengo el coco cocodificado ejejejjeejej (ando a golpe de calcetín)

Estoy haciendo/practicando con una web en la que he insertado dos estilos css. En uno de ellos cargo los links con un color blanco y en otro css cargo los links en un color verde. (ccs1 y css2) Bueno, pues me toma siempre como prioritario el css1, le estoy dando vueltas y consultando en sanG pero no termindo de arreglar este problema. Adjunto el code:

Código :

<link href="ucc.css" rel="stylesheet" type="text/css" />
<link href="ucc2.css" rel="stylesheet"type="text/css" />

he jugado con el atributo rel= pero no consigo nada de nada.

Ha todo esto, la navegación de la web no tiene variación en la barra de direcciones. es decir: si la pagina es www.pepe.es/index.html y accedes a noticias, en vez de ser www.pepe.es/noticias.html se queda con la misma dirección (siempre en index.html)
La página principal carga el resto de html en un DIV mediante AJAX

* La única diferencia en los dos css es únicamente los links (a link, a hover, ...)

(glups hasta me he liao yo escribiendooooo)


Saludos

Veamos.
¿Cuál es la diferencia entre el 1.css, y el 2.css?
¿Cuáles son las líneas CSS de cada úno?

Lo normal, es separar en cada hoja CSS, los estilos de partes distintas.
O de propiedades distintas.

Si en dos hojas distintas, declaras la misma propiedad, con distintos atributos, tendrá preferencia la última que declare la misma propiedad (2.CSS en el ejemplo).


Aún así, me extraña la consulta.
Te diría que pusieras URL, o código implicado.
Y de paso, que expliques tu motivación para poner dos CSS, definiendo lla misma propiedad (color de enlaces).

hola rizome!!

ahora inserto el código.

el problema recae en que el menú principal tiene un fondo verde y los vinculos están hechos en color blanco. Las páginas que linka el menú las carga en un Div con un fondo blanco. Qué ocurre?? Pues que los links que se encuentran en la zona blanca no se ven, son blanco, de ahí el construir otro estilo css con el color del link de otra gama (en este caso verde). He probado a meter el estilo dentro del mismo html. importando ambos, cambiado la jerarquía, ... y no consigo encontrar la armonía entre ambos links.. (el resto de los estilos son iguales)

dejo los css


estilo1.css

Código :

@charset "utf-8";
/* CSS Document */
body {
    padding:0px; 
}
h1 {
    color: #CAFD00;
}
.navegacion {
   font-size: 9px;
   font-family: Geneva, Arial, Helvetica, sans-serif; 
      color:#666666; 
   ont-weight: normal;


}
.cabecero {
   font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-weight: bold;
   color:#336699;

}
.cabecerofecha {
   font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-weight: bold;
   color:#666666;

}
.contenido {
   font-size: 10px;
   font-family: Geneva;
      color:#3333339; 
   font-weight: normal;

}
.piepagina {
   font-size: 9px;
   background-color:#339999 ;
font-family: Verdana, Arial, Helvetica, sans-serif;
      color:#FFFFFF; 

}
a:link {
   color: #FFFFFF;
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
   color: #66FFFF;
}

estilo2.css

Código :

@charset "utf-8";
/* CSS Document */
body {
    padding:0px; 
}
h1 {
    color: #CAFD00;
}
.navegacion {
   font-size: 9px;
   font-family: Geneva, Arial, Helvetica, sans-serif; 
      color:#666666; 
   ont-weight: normal;


}
.cabecero {
   font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-weight: bold;
   color:#336699;

}
.cabecerofecha {
   font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-weight: bold;
   color:#666666;

}
.contenido {
   font-size: 10px;
   font-family: Geneva;
      color:#3333339; 
   font-weight: normal;

}
.piepagina {
   font-size: 9px;
   background-color:#339999 ;
font-family: Verdana, Arial, Helvetica, sans-serif;
      color:#FFFFFF; 

}
a {
   font-size: 10px;
   font-weight: bold;
   color: #339999;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
   color: #339999;
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
   color: #336699;
}

no se por qué me está pasando estoooo



saludos y gracias mill

Veamos...
Lo que no debes hacer, es poner los dos CSS en el mismo HTML.

Un CSS, debería ser para la página del menú principal, y el otro CSS, para las segundas páginas.


Pero creo que tu problema tiene solución más sencilla.
Veamos.
Los links de la segunda página (fondo blanco), se cargan en un div, con fondo blanco, ¿si?
Pero ese DIV, tendrá su ID, ¿verdad? Para poderla llamar desde AJAX.
Pues pon el CSS de sus links, mediante ese ID.

Ej:

Código :

<head>
<style>
#MENU a:link{ }               /* Estilos para los links dentro del div id="MENU" */
#MENU a:hover{ }
#MENU a:visited{ }
#PAGINA a:link{ }             /* Estilos para los links dentro del div id="PAGINA " */
#PAGINA a:hover{ }
#PAGINA a:visited{ }
#CONTENEDOR_AJAX a:link{ }    /* Estilos para los links dentro del div id="CONTENEDOR_AJAX" */
#CONTENEDOR_AJAX a:hover{ }
#CONTENEDOR_AJAX a:visited{ }
</style>
</head>
<body>
<div id="MENU">Links del menú</div>
<div id="PAGINA">
<!-- Aquí pueden ir otros contenidos de tu página //-->
<div id="CONTENEDOR_AJAX"><!-- Aquí cargan las páginas mediante AJAX //--></div>
</div>
</body>

Por cierto.
En las páginas que llames mediante AJAX, no deberías tener estilos ni scripts... ni cosas raras. Sólo texto plano
(es un consejo)

juasssss


creo que me va a tocar rehacer un poco TODAS las páginas....



tengo la cabezota llena de chichones y no paroooooooooooooooooo




rizome, creo que la cerveza se me queda corta

sds