Menu em css com bold on active

eRKULIX

Suspenso
Boas!

Tenho um menu em css, deste tipo:

Código:
<div id="menu">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="index.php?p=2">Dois</a></li>
<li><a href="index.php?p=3">Tres</a></li>
<li><a href="index.php?p=4">Quatro</a></li>
<ul>
</div>


Visto que a página mantém-se mudando apenas o uma parte do conteúdo carregado da base de dados, como é possível fazer com que o item do menu activo fique por exemplo a bold?


Obrigado
 
Boas,

Os menus são dinâmicos ou estáticos? Se forem estáticos podes fazer apenas com CSS, basta que no html do menu na tag li que está activo coloques algo tipo:

<li class="active"><a href="index.php">Home</a></li>

Na css colocas:

li .active {font-weight: bold;}

Não sei se era isto que pretendias.
 
A questão é que ao carregar num item do menu não abre um nova página é sempre o index.php só envia em uma variável diferente por exemplo index.php?p=2 para carregar um contéudo diferente.

Portanto assim não posso usar essa opção porque precisava de carregar outra página que ai teria essa classe para outro item do menu, correcto?
 
Código:
<div id="menu">
<ul>
<li><a href="index.php">Home</a></li>
<li<?PHP if($_GET["p"]==2){echo'class = "active"';} ?>><a href="index.php?p=2">Dois</a></li>
<li><a href="index.php?p=3">Tres</a></li>
<li><a href="index.php?p=4">Quatro</a></li>
<ul>
</div>


acho que isto resolve-te o problema, repete o IF nos outros li's que não tou com paciencia :P
 
Back
Topo