Foros del Web » Creando para Internet » CSS »

Problema con enlaces

Estas en el tema de Problema con enlaces en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 06/05/2009, 11:57
 
Fecha de Ingreso: septiembre-2003
Ubicación: lima
Mensajes: 378
Antigüedad: 14 años, 2 meses
Puntos: 0
Problema con enlaces

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
  #2 (permalink)  
Antiguo 06/05/2009, 12:36
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
Respuesta: Problema con enlaces

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
__________________
Al final del día hablar es gratis, codificar no lo es
  #3 (permalink)  
Antiguo 06/05/2009, 12:42
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema con enlaces

Pruébalo así:
.contenido-events a.link-naranja:link, .contenido-events a.link-naranja:visited {...
  #4 (permalink)  
Antiguo 06/05/2009, 12:43
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problema con enlaces

la clase que te afecta a esos enlaces la tienes en el archivo textos-links.css en la línea 114
Cita:
.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:
Ver original
  1. <a href="#" class="naranja">Gloria Estefan Tour 2009 en Lima - Concierto</a>
y define las propiedades de ".naranja a" en tu css, por ejemplo:

Cita:
.naranja a {
color: #f6bb04;
}
.naranja a:hover {....}
Edito:
me entretuve demasiado, jeje
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 06/05/2009, 12:45
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema con enlaces



Triple choque

Me parece que mi solución es la más simple de las tres
  #6 (permalink)  
Antiguo 06/05/2009, 12:54
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problema con enlaces

Cita:
Iniciado por Mikmoro Ver Mensaje


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?
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #7 (permalink)  
Antiguo 06/05/2009, 12:56
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema con enlaces

Cita:
Iniciado por kseso? Ver Mensaje
¿quien se quejaba de falta de respuestas y soluciones?
Efectibily. Ese no pasa nunca por aquí
  #8 (permalink)  
Antiguo 06/05/2009, 15:15
 
Fecha de Ingreso: septiembre-2003
Ubicación: lima
Mensajes: 378
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: Problema con enlaces

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
  #9 (permalink)  
Antiguo 06/05/2009, 16:29
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema con enlaces

Vuelve a leer bien mi primer mensaje: ahí tienes la clave.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:43.