Hola, hay varias formas de hacer lo que quieres. La más imple es darle un id="current" (p. ej.) al enlace de la página que está cargada y a este id darle el estilo que quieras. El problema de este método es que tienes que editar una a una todas las páginas poniendo el id en el enlace correspondiente a cada una.
Código html:
Ver original <li><a id="current" href="#">Inicio
</a></li> <li><a href="services_es.htm">Nuestros servicios
</a></li> <li><a href="trabajos_es.htm">Trabajos
</a></li> <li><a href="customers_es.htm">Clientes
</a></li> <li><a href="contact_es.htm">Contacto
</a></li>
Otro método sería darle un id al body de cada página y otro a cada enlace del menu y luego darle estilo a la combinación de ambos. De esta forma:
Código html:
Ver original <li><a id="inicio" href="#">Inicio
</a></li> <li><a id="servicios" href="services_es.htm">Nuestros servicios
</a></li> <li><a id="trabajos" href="trabajos_es.htm">Trabajos
</a></li> <li><a id="clientes" href="customers_es.htm">Clientes
</a></li> <li><a id="contacto" href="contact_es.htm">Contacto
</a></li>
Código css:
Ver original#pg_inicio #inicio,
#pg_servicios #servicios,
#pg_trabajos #trabajos,
#pg_clientes #clientes,
#pg_contacto #contacto {
color: #FFF;
background: url(menu_bg-active.jpg) repeat center;
}
Yo prefiero este último porque es más amigable a la hora de hacer ediciones posteriores.
Salud!