enlaces forma organizada de trabajarlos

juanpro · #1 (**permalink**) 26/03/2009, 09:00

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,

juanpro · #2 (**permalink**) 26/03/2009, 09:59

Alguien por ahi que me de una manito

Gracias

Adryi19 · #3 (**permalink**) 26/03/2009, 12:08

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

safe · #4 (**permalink**) 26/03/2009, 16:50

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