Ver Mensaje Individual
  #7 (permalink)  
Antiguo 18/07/2009, 16:25
Avatar de willyfc
willyfc
 
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 16 años, 1 mes
Puntos: 40
Respuesta: CSS a:active no funciona

Pienso que la forma sería esta:

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Vinculos activos</title>
<style type="text/css">
body{font-family:Verdana, Arial, Helvetica, sans-serif;}
#menu{width:700px; height:2em; margin:0 auto; border:1px solid #CCC; background:#069; overflow:hidden;}
#menu ul{width:400px; margin:0 auto; list-style:none;}
#menu ul li{float:left;}
#menu a{ font-size:0.8em; font-weight:bold;color:#FFF; text-decoration:none;padding:8px 10px 8px 10px; display:block; border-left:1px solid #333;border-right:1px solid #333;}
#menu a:hover,#menu a:focus,#menu a:active{color:#CCC; text-decoration:underline; display:block;}
#menu a.current{color:#CCC; text-decoration:underline; display:block;}
</style>
</head>

<body>
<div id="menu">
	<ul>
    	<li><a href="#">Menu 1</a></li>
        <li><a href="#" class="current">Menu 2</a></li>
        <li><a href="#">Menu 3</a></li>
        <li><a href="#">Menu 4</a></li>
        <li><a href="#">Menu 5</a></li>
    </ul>
</div>
</body>
</html>
Si estas haciendo una web plana, solo html+css esto te servirá, colocas la clase current en el que tenga que estar activo en ese momento.

Si la web es dinámica necesitaras ayuda de php o asp o lo que estes utilizando para programarla.

Como te digo, todo depende de como este hecha la web, ya nos contarás.
__________________
WFC
codigo82

Última edición por willyfc; 18/07/2009 a las 16:33