Tengo un problema con mi menu, resulta que no puedo dejar marcado el boton del menu seleccionado (para indicar en que pagina me encuentro) cuando visito una pagina.
El codigo utiliado es el que os muestro:
<!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">
<style type="text/css">
/* Menú horizontal
----------------------------------------------- */
#menulineup {
padding: 0;
width: 100%;
border-top: 5px solid #D10000; /*Color de la línea superior*/
background: transparent;
}
#menulineup ul{
margin:0;
margin-left: 40px; /*Margen izquierdo entre la primera pestaña y el borde*/
padding: 0;
list-style: none;
}
#menulineup li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}
#menulineup a{
float: left;
display: block;
font: bold 14px Arial;
color: #FFF;
text-decoration: none;
margin: 0 21px 0 0; /*Margen entre cada pestaña*/
padding: 5px 10px 5px 10px;
background-color: #F00; /*Color de las pestañas*/
border-bottom: 8px solid white;
}
#menulineup a:hover{
background-color: #323131; /*Color de las pestañas al pasar el cursor*/
padding-top: 20px;
padding-bottom: 10px;
border-bottom-color: #FC0; /*Color del borde inferior al pasar el cursor*/
color: white;
}
</style>
<body>
<div id="contenido"><center>
<div id="apDiv1"><div id="menulineup">
<ul>
<li><a href="URL del enlace">Flyers</a></li>
<li><a href="URL del enlace">dipticos</a></li>
<li><a href="URL del enlace">tripticos</a></li>
<li><a href="URL del enlace">catalogos</a></li>
<li><a href="URL del enlace">Calendarios</a></li>
<li><a href="URL del enlace">tarjetas de visita</a></li>
</ul></div></div></center>
</body>
</html>
Muy agradecido por vuestra colaboracion