Problema con enlaces

[juanpro]

Buenas tardes con todos, mi problema es el siguiente.

En una web que estoy desarrollando: http://www.aduacom.com.pe/1/

Tengo un enlace "More Events" en la parte de EVENTS CALENDAR ese enlace tiene una clase.

a.link-naranja:link, a.link-naranja:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #f6bb04;
text-decoration: underline;
}

a.link-naranja:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #f6bb04;
text-decoration: none;
}

pero al parece no me esta agarrando la clase que le doy.

Otro punto en que me fije fue en el div contenedor ahi hay una clase para unos enlaces.

.contenido-events p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #757575;
padding-top: 20px;
padding-left: 15px;
}

.contenido-events a:link, .contenido-events a:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
}

.contenido-events a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: underline;
}

Pero al parecer no veo nada mal, o quizas se me este pasando.

Les pido su ayuda a poder detectar ese problema

Gracias de antemano

[baccxus]

quieres que salga como el que dice "read all"?

Si es así, prueba a poner !important en:
color: #f6bb04!important;

también fíjate si en el orden de tu CSS está primero esta contenido-events que link-naraja.

Por otro lado, creo que usas demasiadas divisiones, por ejemplo:

Código HTML:

<div class="caja-events-calendar">
        <div class="caja-titulo-events-calendar">Events Calendar</div>
        <div class="contenido-events">          
           	  <p><a href="#">Gloria Estefan Tour 2009 en Lima - Concierto</a><br>
       	      18 April</p>
                <p><a href="#">Gloria Estefan Tour 2009 en Lima - Concierto</a><br>
       	      18 April</p>

                <p><a href="#">Gloria Estefan Tour 2009 en Lima - Concierto</a><br>
   	      18 April</p>
                <a href="#" class="link-naranja">More Events</a> </div>
</div> 

Puede ser y sería mucho mejor, por poner un ejemplo

Código HTML:

<div class="caja-events-calendar">
        <h2>Events Calendar</h2>
          <p><a href="#">Gloria Estefan Tour 2009 en Lima - Concierto</a><br>
       	      18 April</p>
          <p><a href="#">Gloria Estefan Tour 2009 en Lima - Concierto</a><br>
       	      18 April</p>
          <p><a href="#">Gloria Estefan Tour 2009 en Lima - Concierto</a><br>
   	      18 April</p>
          <p class="link-naranja"><a href="#">More Events</a></p>
</div> 

Saludos

[Mikmoro]

Pruébalo así:
.contenido-events a.link-naranja:link, .contenido-events a.link-naranja:visited {...

[kseso?]

la clase que te afecta a esos enlaces la tienes en el archivo textos-links.css en la línea 114

.contenido-events a:link, .contenido-events a:visited {
color:#ffffff;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
text-decoration:none;
}

Por lo que tienes dos soluciones:
1º: cambias la propiedad "color: #f6bb04" en el archivo css y modifica también el color para ".contenido-events a:hover"

2º: aplica en el html una clase en particular a esos enlaces:

Código html:

<a href="#" class="naranja">Gloria Estefan Tour 2009 en Lima - Concierto</a>
 

y define las propiedades de ".naranja a" en tu css, por ejemplo:

.naranja a {
color: #f6bb04;
}
.naranja a:hover {....}

Edito:
me entretuve demasiado, jeje

[Mikmoro]

Triple choque

Me parece que mi solución es la más simple de las tres

[kseso?]

Iniciado por Mikmoro

Triple choque

Me parece que mi solución es la más simple de las tres

Porque eres el que menos tiempo libre tiene

¿quien se quejaba de falta de respuestas y soluciones?

[Mikmoro]

Iniciado por kseso?

¿quien se quejaba de falta de respuestas y soluciones?

Efectibily. Ese no pasa nunca por aquí

[juanpro]

Gracias amigos por su ayuda, ya tengo una clase para los link naranja

a.link-naranja:link, a.link-naranja:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #f6bb04;
text-decoration: underline;
}

a.link-naranja:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #f6bb04;
text-decoration: none;
}

como pueden ver en la web ya los use en otras cajas y se ve normal pero en esa (EVENTS CALENDAR) no se que pasa que me toma las clases que le doy al contenido de EVENTS CALENDAR.

.contenido-events p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #757575;
padding-top: 20px;
padding-left: 15px;
}

.contenido-events a:link, .contenido-events a:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
}

.contenido-events a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: underline;
}


Gracias por su ayuda prestada companeros

[Mikmoro]

Vuelve a leer bien mi primer mensaje: ahí tienes la clave.