Foros del Web » Creando para Internet » CSS »

visited se ve mal en firefox

Estas en el tema de visited se ve mal en firefox en el foro de CSS en Foros del Web. Hola, tengo el problema que cuando visito un enlace en mi web, se ponen todos como visitados, aqui les copio el codigo para que lo ...
  #1 (permalink)  
Antiguo 08/01/2011, 15:08
Avatar de waldragon  
Fecha de Ingreso: mayo-2010
Mensajes: 735
Antigüedad: 14 años, 6 meses
Puntos: 55
visited se ve mal en firefox

Hola, tengo el problema que cuando visito un enlace en mi web, se ponen todos como visitados, aqui les copio el codigo para que lo vean.

De la css:

#menu{text-align:center;background-color:gold ; float:left;width:150px ; margin:10px 0px 5px 10px;padding:5px 0px 0px 0px}
#menu p {text-align:center;background-color:white;color:red;margin:10px 10px 10px 10px}
#menu h1{text-align:center;text-decoration:underline ;background-color:#FF9900;color:#ff0000; font-size:16px ; padding:1px 0px 1px 0px ; background:url(imagenes/menu-imagen-superior.png)}
#menu li{list-style:none ; text-align:left ; border-bottom:1px solid silver}
#menu a{font.size: 1.1em;background-color:gold;text-align:center;color:black;text-decoration:none ; display:block ; padding:1px 3px 1px 5px}
#menu a:link{background-color:gold}
#menu a:hover{color:red;background-color:#FFFFff}
#menu a:visited{background-color:#EEEEE0;color:#8B8989;border:black 0px solid}
#menu a:active{text-align:center;color:red;background-color:white;border:black 0px solid}

Y del menu (Dato:este menu lo pongo en cada pagina mediante un include)

<p>CATEGORIAS</p>

<ul>
<li><a href="#">Bicicleterias</a></li>
<li><a href="#">Venta de Vehiculos</a></li>
<li><a href="#">Mecanicos</a></li>
<li><a href="#">Vidrios</a></li>
<li><a href="#">Sonido</a></li>
<li><a href="#">Escapes</a></li>
<li><a href="#">Aceite y Engrase</a></li>
<li><a href="#">Lavaderos</a></li>
<li><a href="#">Chapa y Pintura</a></li>
<li><a href="#">Frenos</a></li>
<li><a href="#">Embragues</a></li>
<li><a href="#">Electricistas</a></li>
<li><a href="#">Repuestos</a></li>
<li><a href="#">Gomerias</a></li>
<li><a href="#">Equipos de Gas</a></li>
<li><a href="#">Estacionamientos</a></li>
<li><a href="#">Gestoria</a></li>
<li><a href="#">Tapas de Cilindros</a></li>
<li><a href="#">Remisses</a></li>
<li><a href="#">Agencias de Mandados</a></li>
</ul>

Pueden verlo funcionando aqui:

www.autos.forotandil.com.ar

PD:En Ie funciona bien.

Espero puedan ayudarme, gracias.

Última edición por waldragon; 08/01/2011 a las 15:14 Razón: Agregue mas datos
  #2 (permalink)  
Antiguo 08/01/2011, 16:27
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 15 años
Puntos: 17
Respuesta: visited se ve mal en firefox

Cita:
#menu{text-align:center; background:gold; float:left; width:150px ; margin:10px 0 5px 10px; padding:5px 0 0 0;}
#menu p{text-align:center; background:white; color:red; margin:10px;}
#menu h1{background:url(imagenes/menu-imagen-superior.png) #FF9900; text-align:center; text-decoration:underline; color:#ff0000; font-size:16px ; padding:1px 0;}
#menu li{list-style:none; text-align:left; border-bottom:1px solid silver;}
#menu a{font.size: 1.1em; background:gold; text-align:center; color:black; text-decoration:none ; display:block ; padding:1px 3px 1px 5px;}
#menu a:link{background:gold;}
#menu a:visited{background:#EEEEE0; color:#8B8989; border:0;}
#menu a:hover{color:red; background:#fff;}
#menu a:active{text-align:center; color:red; background:white; border:0;}
Ten presente el orden de los valores para la etiqueta a: "link, visited, hover, active"

Te eh optimizado y mejorado mucho el código por ejemplo:

No necesitas colocar background-color, con solo background esta bien, te recomiendo que no uses "gold, white" usa los valores Hexadecimales. La anterior web puedes elegir un color y abajo de la paleta de colores dice RGB, coges el color y lo colocas con #. es decir: #934463.

No necesitas agregarle un valor a un elemento "0" es decir: 0px, con solo colocarle el 0 esta bien y también te corregi algunas cosas.

Saludos!
  #3 (permalink)  
Antiguo 09/01/2011, 14:47
 
Fecha de Ingreso: marzo-2010
Mensajes: 9
Antigüedad: 14 años, 9 meses
Puntos: 0
Respuesta: visited se ve mal en firefox

El orden siempre es importante en las pseudo clases :link :visited :hover :active

Te recomiendo usarlo en ese orden
  #4 (permalink)  
Antiguo 10/01/2011, 00:09
Avatar de waldragon  
Fecha de Ingreso: mayo-2010
Mensajes: 735
Antigüedad: 14 años, 6 meses
Puntos: 55
Respuesta: visited se ve mal en firefox

Ok, muchas gracias, funciono perfecto.

Etiquetas: firefox, mal, visited
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 10:28.