Bottoni che si illuminano

[Pao.Lab]

Salve! ^_^
Perdonate l'ennesima domanda... .

Sto provando da ore a fare un bottone/link che NON SOLO cambi qualcosa al passaggio del mouse(es. illuminarsi), ma vorrei che restasse tale (es. illuminato) nel momento in cui il visitatore E' nella pagina collegata a quel bottone, per orientare l'utente e fargli capire dove si trova all'interno del menù. Come posso fare? Da premettere che vorrei evitare Javascript e che il codice per ora è così:

.menualto01 a {
background: url(images/pulaboutme.jpg);
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 107;
height: 78px;
font-size: 9px;
display: block;
color: #d6c0ba;
background-color: #ffffff;
}

.menualto01 a:hover{
background: url(images/pulaboutmep.jpg);
background-repeat: no-repeat;
display: block;
width: 107px;
height: 78px;
}

Grazie mille

[ResianTaxidrive]

ma il tuo codice è tutto html o anche php/asp?

[Pao.Lab]

Asp no... di php per ora c'è solo il get per le pagine del menù. Comunque il formato della pagina è in php

[ResianTaxidrive]

il menu non è generato da php?
puoi comunque farlo scrivere dal php e fare un controllo sull'url e sul href dei pulsanti. Quando corrispondono puoi assegnare a quel bottone una classe selected e poi pilotare il suo aspetto con il css.

[Pao.Lab]

Non sono pratica di php non ho capito cosa intendi. Ho provato più volte ad usare
includere menù, footer, header con
<?php get_pag(); ?>

ma non funziona, non riesco a capirne la dinamica e perchè mi da questo errore:

Fatal error: Call to undefined function get_footer() in C:\Programmi\EasyPHP-5.3.3\www\index.php on line 55

[ResianTaxidrive]

non vorrei addentrarmi nella tana del coniglio, ma esiste (o hai accesso a) un file php in cui viene fisicamente scritto il codice html corrispondente al menu?

[stezxx85]

Quando sei nella pagina aggiungi la class current al bottone corrispondente r rimane "illuminato"...

es:
.menualto01 a.current{
background: url(images/pulaboutmep.jpg);
background-repeat: no-repeat;
display: block;
width: 107px;
height: 78px;
}
[*]Bottone 1[*]Bottone 2[*]Bottone 3[*]Bottone 4

[Pao.Lab]

No, il menù è in index.php. Nell'index c'è questo:

<div id="top">
<div id="menualto">
<div class="menualto01">

</div>
</div>
</div>


e il css associato è questo:

/* Menù sopra */
#menualto {
float: right;
width: 400px;
padding-top: 23;
padding-right: 18;
background-color: #ffffff;
}

.menualto01 a {
background: url(images/pulaboutme.jpg);
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 107;
height: 78px;
font-size: 9px;
display: block;
color: #d6c0ba;
background-color: #ffffff;
}

.menualto01 a:hover{
background: url(images/pulaboutmep.jpg);
background-repeat: no-repeat;
display: block;
width: 107px;
height: 78px;
}


Non so se quello che ho fatto è corretto, effettivamente, però funziona il cambiamento dell'immagine al passaggio del mouse. Il problema è che deve restare quando sei nella pagina linkata.

P.s. Mi sa che nella tana del coniglio (ergo php) prima o poi ci dovrò entrare! ^^'

[Pao.Lab]

Originariamente inviato da stezxx85
Quando sei nella pagina aggiungi la class current al bottone corrispondente r rimane "illuminato"...

es:
.menualto01 a.current{
background: url(images/pulaboutmep.jpg);
background-repeat: no-repeat;
display: block;
width: 107px;
height: 78px;
}
[*]Bottone 1[*]Bottone 2[*]Bottone 3[*]Bottone 4

Adesso provo, vedo se funziona molte grazie!

[Pao.Lab]

Ho provatoa fare quello mi hai detto stez, ma non cambia nulla