Tengo un hoja de estilos externa pero en la parte de lo vinculos no me funciona

Tengo un hoja de estilos con el siguiente codigo

. Acierto
{
font-family:Arial;
font-size: 16px;
color:green;
background-color:yellow; /* sacado de la paleta http://jscolor.com/ */
text-align:center;
}

.no_acierto
{
font-family:Arial;
font-size: 14px;
color:blue;
text-align:center;
}

.selNumero
{
font-family:Arial;
font-size: 18px;
color:blue;
font-weight: bold;
text-align:center;
}

.txtImporte
{
font-family:Arial;
font-size: 18px;
color:green;
font-weight: bold;
text-align:center;
width: 80px;
}

.textbox
{
font-family:Arial;
font-size: 14px;
color:blue;
background-color:#F3EBFF; /* sacado de la paleta http://jscolor.com/ */
width: 200px;
border: 1px solid gray;
text-align:center;
}

.AreaMensaje
{
font-family:Arial;
font-size: 16px;
color:blue;
width:100%;
}

.Pagina
{
font-family:Arial,Helvetica,Times;
}

.Titulo
{
font-weight:bold;
color:gray;
font-size:26px;
}
.MenuGeneral
{
background-color:FF9326;
color:black;
font-size:12px;
height:50px;
width:100%;
align:center;
}
.MenuMateriales
{
background-color:#000000;
font-size:12px;
color:FF9326;
vertical-align:top;
cellspacing:0px
cellpadding:0px;
margin-top:100px;
align:center;
}
.Articulos
{
vertical-align:top
}
.Cabecera
{
background-color: #000000;
font-weight: bold;
font-size: 14px;
color: FF9326;
height: 50px;
}
.contenido
{
font-family: Arial, "Times New Roman";
font-size: 16px;
background-color: #FFFFFF;
margin-left: 15px;
margin-right: 15px;
margin-top: 10px;
color: #000000;
text-align: left;
border: 0px none #FFFFFF;
}
a:link
{
color:FFFFFF;
}
a:visted
{
color:white:
}

a.CabeceraCeldaAuxiliar:link
{
text-decoration:none;
color:FFFFFF;
font-size:10px;
}
.provisorio
{
color: //C42700;

}

.CabeceraCeldaAuxiliar
{
width:100px;
align: left;
font-size:12px;
background-color:000000;
color:yellow;
}
.Tabla_titulo
{
font-weight:bold;
color:white;
font-size:18px;
font-family:Arial, ;
background-color:blue;
align: center;
border:10px;
}

.Tabla_Listado1
{
background-color:#006DD9;
font-family:Arial;
font-size: 14px;
color:black;
}

.Tabla_Listado2
{
background-color:#99B3FF;
font-family:Arial;
font-size: 14px;
color:black;
}

.Tabla_registro
{
font-weight:normal;
color:white;
font-size:16px;
background-color:blue;
}
.Celda_registro
{
vertical-align:middle;
}

input:focus
{
background-color:#EFFFC4;
border: 2px solid red;
font-size: 16px;
font-weight: bold;
}

text:width:100%;

.selector
{
width:100%;
background-color:yellow;
}
.Vermas
{
color:white;
font-size:14px;
font-family:Arial, ;
background-color:blue;
align: center;
width: 200px;
}
.TituloArticulo
{
color:white;
font-size:14px;
font-family:Arial, ;
font-weight: 100;
background-color:blue;
align: center;
width:200px;
}

Yo quiero que los vinculos permanescan de color blanco y que no cambien de color si el visitante vista determinada página.

Respuesta
1

Very helpful
But if I can edit the fonts outside .
Which editor do you use?? and everything i search for fonts at yofonts.comVery helpful
But if I can edit the fonts outside .
¿Which editor do you use? and everything i search for fonts at yofonts.com

1 respuesta más de otro experto

Respuesta
1

Entiendo que tu quieres que TODOS los vínculos sean siempre blancos, independientemente de si han sido visitados o no. En principio con el a:visited que pones debería funcionar, pero igual tienes algún problema con alguna clase.

Por favor, mándame un trozo del cofigo HTML para comprobar qué pasa.

Por cierto... ¿por qué a veces pones color:whitre y otras veces color: #FFFFFF? Mejor que unifiques las cosas. Ah! Y en algunas líneas te falta el # delante de las letras FFFFFF. Y en a:visited, después de color:white has puesto dos puntos (:) y no el punto y coma (:)

Compruébalo bien!

He creado un puequeño sitio de tres páginas html vinculadas a una hoja de estilos externa para que puedas examina bien que es la que esta ocurriedo.
Podras acceder a bajar dcho sitio desde aqui http://1drv.ms/1AmSZc3 

Agradezco la ayuda que me puedas brindar.

Saludos

Muy buena tu información.

Y ya he pillado tu error (lo siento, antes no li vi)

En la línea 121 de tu css pone:

a:Visted
{
color: #FFFFFF;
}

Cuando debe ser a: visited {,,,

(Visited, no visted).

En cuando lo he abierto en mi editor me ha detectado ese error enseguida. También hay otras cosas:

- En varias líneas poses align:center, cuando debe ser text-align:center

- Cellspacing i cellpaddin no son propiedades css

- En la línea 135 (y alguna más, creo) tienes font-family:Arial, ; y debe ser font-family:Arial; quitando la coma. Sino el navegador no lo entiende

Y no veo nada más. Per corrige el a:vissited y arreglaras tu problema.

Cuando necesites más cosas, ya sabes

Gracias por tu ayuda ya he corregido lo del link visitado anda perfecto y voy a arreglar las otras cosas que me dices.

Tengo curiosidad que editor utilizas.

Pues utilizo Sublime Text 2.

Como el código sale en colores, cuando hay algún error de este tipo lo detectas enseguida.

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas