Foros del Web - Ver Mensaje Individual

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.