Buenas tardes a todos,
Estoy creando un menú con este estilo:
Código PHP:
<style type="text/css">
a.item_menu {
float: left;
width: auto;
margin-left: 20px;
height: 30px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
a.item_menu:hover {
padding-top: 15px;
padding-bottom: 4px;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #FFF;
border-right-color: #FFF;
border-bottom-color: #FFF;
border-left-color: #FFF;
}
a.item_menu:active {
padding-top: 15px;
padding-bottom: 4px;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #FFF;
border-right-color: #FFF;
border-bottom-color: #FFF;
border-left-color: #FFF;
}
-->
</style>
y este es el menú:
Código PHP:
<div id="menu">
<a href="index.php" class="item_menu" >
<span class="texto_blanco">INICIO</span>
</a>
<a href="#" class="item_menu" ><span class="texto_blanco">LA SASTRERIA</span>
</a>
<a href="#" class="item_menu" >
<span class="texto_blanco">GALERIA FOTOGRAFICA</span>
</a>
<a href="#" class="item_menu" >
<span class="texto_blanco">NOTICIAS</span>
</a>
<a href="#" class="item_menu" >
<span class="texto_blanco">CATALOGO</span>
</a>
<a href="#" class="item_menu" >
<span class="texto_blanco">CONTACTO</span>
</a>
</div>
pero cuando pulso sobre el index el estilo active no aparece, quiero que cuando esté en el index se cargue un estilo predeterminado. Alguien sabe porqué no funciona? gracias.