Estilo del link según la pagina ?

salvatro · #1 (**permalink**) 02/02/2010, 13:54

Hola me pregunta es como hago para que el link según la pagina cambie de imagen
Yo uso el hover con una imagen con dos tipos de botones para que se cargue rápido, pero con el hover solo cambia el botón en el momento que esta enzima el cursor Como hago Para que se quede la imagen estática después de hacerle clic,
tengo la parte del menú por separado y solo lo incluyo con php.

OmarV · #2 (**permalink**) 02/02/2010, 15:52

Cita:

a:link {
color: #F00;
}
a:visited {
color: #0F0;

}

Era eso lo que ocupabas?

kisquian · #3 (**permalink**) 02/02/2010, 16:23

Creo que es con la opcion active

Saludos

OmarV · #4 (**permalink**) 02/02/2010, 17:15

active es cuando el link no a sido linkeado si no me equivoco, visited es cuando ya lo visitastes y ya le habias dado click :)

morior · #5 (**permalink**) 03/02/2010, 04:05

Me parece que la opción active hace referencia a cuando has pulsado un botón o un enlace y estás en la página hacia la que te ha llevado ése enlace. Aquí puedes revisarlo:

http://css.hazunaweb.com/204.php

O eso o es el maldito IE que siempre me hace cosas raritas.

daPhyre · #6 (**permalink**) 03/02/2010, 22:00

Sería active, pero solo funciona con Firefox y eso si usas AJAX o algo que no cambie toda la página. Te recomendaría que usaras una clase y la pongas al botón de la página actual de cada caso, es lo más sencillo y siempre funciona ;)

salvatro · #7 (**permalink**) 16/02/2010, 17:57

Bueno no se si es active, lo que se me ocurre es hacer un if con php y una clase que ponga la imagen el el botón dependiendo la pagina, pero eso me parece que la ara lenta,
No se si me entendieron bien que quiero hacer. Tengo este menú
Home | us | form
Cuando le de click a us que us se ponga en tojo y que home deje de estarlo y así con todas las paginas
Home| us | form

rctmac · #8 (**permalink**) 16/02/2010, 18:34

puedes hacerlo con una clase que tenga como nombre activeOption, por ejemplo, y eso lo incluyes en el LI o lo que contenga a la opcion del menu !!
si lo llamas con php, te funcionaria con un if, donde puedes darle valores a las paginas, asi cuando una este activa entonces, le asignas tu clase activeOption a la opcion del menu donde te encuentres !

willyfc · #9 (**permalink**) 16/02/2010, 21:21

Podrías hacerlo de esta manera:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>navegacion</title>
<style type="">
#menu ul{ list-style:none; padding:6px 0 0 0; }
#menu ul li{display:inline;}
#menu ul li a{ font-size:0.8em; color:#FFF; text-decoration:none; font-weight:bold; padding:0 7px 0 7px;color: #333}
#menu ul li a:hover,a:focus,a:active{border-bottom:2px solid #98AD21;color: #333}
#menu ul li a.current{border-bottom:2px solid #98AD21;color: #333}
</style>
</head>
<body>
<div id="menu">
    <ul>
        <li><a href="#">menu1</a></li>
        <li><a href="#" class="current">menu2</a></li>
        <li><a href="#">menu3</a></li>
        <li><a href="#">menu4</a></li>
    </ul>
</div>
</body>
</html>

asignas la clase "current" según el archivo donde estes.