Foros del Web » Creando para Internet » CSS »

enlaces forma organizada de trabajarlos

Estas en el tema de enlaces forma organizada de trabajarlos en el foro de CSS en Foros del Web. hola amigos, queria preguntarles alguna forma bien organizada de trabajar los enlaces en una web, lo que al momento de dar estilos a los enlaces ...
  #1 (permalink)  
Antiguo 26/03/2009, 10:00
 
Fecha de Ingreso: septiembre-2003
Ubicación: lima
Mensajes: 378
Antigüedad: 14 años, 2 meses
Puntos: 0
enlaces forma organizada de trabajarlos

hola amigos, queria preguntarles alguna forma bien organizada de trabajar los enlaces en una web, lo que al momento de dar estilos a los enlaces se me cruzan algunos, por ejemplo.

Tengo unos enlaces pequeños,

Recomienda esta web | Pagina de Inicio

Estos enlaces es un div,

.columder {
float: right;
width: 229px;
color: #FFFFFF;
padding-left: 10px;
font-size: 95%;
padding-top: 5px;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
}


Luego le doy estilos a los enlaces,

.columder a:link, a:visited {
color: #ffffff;
text-decoration: underline;
}

.columder a:hover {
color: #ffffff;
text-decoration: none;
}

Hast ahi bien, pero despues tengo otros enlaces que estan en una lista,

Asesoria
Capacitación
Cotizacion de Software
Preguntas Frecuentes
Solicite una demostración

Tambien esta dentro de un div,

#columnderconte{
float: right;
width: 226px;
background-color: #f5fafe;
margin-right: 7px;
padding: 10px;
height: auto;
margin-bottom: 50px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}


Luego le doy estilos a los enlaces,

.columnderconte ul{
color: #636363;
list-style-type: square;
}

.columnderconte a:link, a:visited {
color: #636363;
text-decoration: none;
}

.columnderconte a:hover{
color: #636363;
text-decoration: underline;
}



Pero resulta que ahi se me cruza, a ver.

en IE los links pequenos cuando le hago click se quedan con otro color que creo q es el color que le doy a los otros enlaces (listas).

En Firefox los links pequenos ahi si me muestra de primera otro color que es tambien el que le doy a los otros enlaces (listas)


Y con respecto a los enlaces de las listas, bueno ahi se ve bien en ambos navegadores.

Les dejo la url: http://www.erp-solutionsperu.com/web/


Gracias de antemano,
  #2 (permalink)  
Antiguo 26/03/2009, 10:59
 
Fecha de Ingreso: septiembre-2003
Ubicación: lima
Mensajes: 378
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: enlaces forma organizada de trabajarlos

Alguien por ahi que me de una manito

Gracias
  #3 (permalink)  
Antiguo 26/03/2009, 13:08
 
Fecha de Ingreso: marzo-2009
Mensajes: 23
Antigüedad: 8 años, 8 meses
Puntos: 0
De acuerdo Respuesta: enlaces forma organizada de trabajarlos

probaste usando clases te hago un pequeño ejemplo

CSS

Código:
a {
    color:red;
    text-decoration: none;
    }

  a:hover {
    color:red;
    text-decoration: overline;
  }

   a.link2 {
       text-decoration:none;
       color:#ccc;}

  a.link2:hover  {
       text-decoration:underline;
       color:green;
}
HTML

Código:
<body>

<a href="#">ROJO</a>

<a href="#" class="link2">VERDE</a>

</body>
Saludos te recomiendo que pases por aqui

documentoweb.com
  #4 (permalink)  
Antiguo 26/03/2009, 17:50
 
Fecha de Ingreso: enero-2003
Ubicación: Córdoba, Argentina
Mensajes: 1.047
Antigüedad: 14 años, 10 meses
Puntos: 10
Respuesta: enlaces forma organizada de trabajarlos

el error esta en las estas dos lineas:

.columder a:link, a:visited {
.columnderconte a:link, a:visited {

Si te fijas estas "apuntando" correctamente a los a:link que estan dentro de los respectivos padres. Pero en cambio estas estas aplicando estilos a los a:visited de todo el documento ya que no le antepones el pabre.
Lo correcto seria:

.columder a:link, .columder a:visited {
.columnderconte a:link, .columnderconte a:visited {

Saludos, FS
__________________
oohh... quisiera ser godines!!!
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 07:20.