Css e bordo sui link

[sustia]

Ciao, non sono riuscito a trovare niente con la ricerca, e spero che il titolo sia chiaro.

In pratica voglio riuscire ad ottenere un menu con un effetto simile a quello che si vede qui:

http://www.orderedlist.com/

cioè la voce di menu attiva deve presentare un bordino colorato.

Ho provato con a:active ma, ovviamente, me la evidenzia solo quando ci clicco sopra, e con a:visited dovrebbe lasciare il bordo quando è stato visitato, ma io voglio sia presente
solo quando sono in quella sezione.
Spero di essere stato chiaro.

Il foglio di stile interessato è questo:

#nav
{
font:10px verdana;
background-color:#f0f0f0;
border:1px outset #888;
}

#nav a
{
padding: 3px 10px;
text-decoration: none;
background: #EDF2F2;
border-bottom: 1px solid #ddd;
border-top: 1px solid #fff;
border-right: 1px solid #ddd;
color: darkblue;
}

#nav a:hover
{
background: #E0E9E9;
color: darkblue;
}


#nav ul
{
background-color:#f0f0f0;
border:1px outset #888;
}

[span]

l'unico modo è:

a) Mettere un id #active per ogni pagina
b) Far metter un id #active alla pagina attiva dinamicamente

se ti va bene in php, anche se andiamo un po' OT, ho lo script già pronto:

// Qui metti il codice del menu, non è necessario 
// nessun carattere di escape per le virgolette
$code = <<< CODE
<ul id="menu">[*]<a ecc[/list]
CODE;

$id = "\" id=\"attivo";
$linkattivo = $_SERVER['PHP_SELF'];
$linkeid = $linkattivo .$id;
$code = str_replace($linkattivo, $linkeid, $code);

echo $code; 

Questo è fatto per percorsi assoluti, se nel menu usi persorsi relativi $linkattivo deventa:

$linkattivo = basename($_SERVER['PHP_SELF']); 

Se i link contengono variabili si complica un po'

[Federix]

Secondo me quel bordino colorato rosso a sinistra non è altro che un immagine di 25x5 e, sempre secondo me, viene visualizzata in base a delle procedure dinamiche, cioè viene fatto un controllo sulla pagina in cui siamo e viene visualizzato o meno quel rettangolino rosso.

[sustia]

Originariamente inviato da span
l'unico modo è:

a) Mettere un id #active per ogni pagina
b) Far metter un id #active alla pagina attiva dinamicamente

se ti va bene in php, anche se andiamo un po' OT, ho lo script già pronto:

...

Però questo codice andrebbe nella pagina, vero?
Non nel css..ed è un problema perchè sto utilizzando un CMS..vedo

Federix, invece nel modo che dici tu come dovrei modificare il file css?

Grazie ad entrambi

[span]

Originariamente inviato da sustia
Però questo codice andrebbe nella pagina, vero?
Non nel css..ed è un problema perchè sto utilizzando un CMS..vedo

Federix, invece nel modo che dici tu come dovrei modificare il file css?

Grazie ad entrambi

credo abbia detto in italiano quello che ti ho detto con il codice php

il codice sarebbe da mettere in un file esterno da includere in tutte le pagine e fa quello che ha detto federix... ricava la pagina corrente ($_SERVER['PHP_SELF']) e sostituisce nel menu:

<a href="www.dominio.it/pagina_corrente.php">

con:

<a href="www.dominio.it/pagina_corrente.php" id="attivo">

poi formatti il link nel css con l'id #attivo

solo ci CSS non si può fare

[Federix]

Originariamente inviato da span
credo abbia detto in italiano quello che ti ho detto con il codice php

il codice sarebbe da mettere in un file esterno da includere in tutte le pagine e fa quello che ha detto federix... ricava la pagina corrente ($_SERVER['PHP_SELF']) e sostituisce nel menu:

<a href="www.dominio.it/pagina_corrente.php">

con:

<a href="www.dominio.it/pagina_corrente.php" id="attivo">

poi formatti il link nel css con l'id #attivo

solo ci CSS non si può fare

Esatto

[sustia]

Grazie, mi salvo la discussione e ci provo