Grafica menù...

Qualcuno può gentilmente spiegarmi come fare un menù tipo questo

grazie

[Ospite]

Il link non funzia...
La pagina risulta inesistente

Il link non funzia...
La pagina risulta inesistente

a me funziona

ad ogni modo è così:

si tratta di semplici tabelle ke cambiano colore al mouse over, x ottenere qlkosa di simile ti disegni le tabelle impostando uno determinato colore di sfnodo e poi con gli attributi onmouseover e onmouseout gli fai cambiare lo sfondo

Guarda qui:
http://www.web-link.it/scripting/9linguette.htm

Guarda qui:
http://www.web-link.it/scripting/9linguette.htm

grazie mille, proprio quello che mi serviva

scusate il doppio post ma ho un problema... con lo script indicato da allo, se io creo quel menù e sotto ci creo una tabella c'è uno spazio tra la linea sotto del menù e la tabella... qualcuno sa come posso eliminarlo?

[dementialsite]

Non vorrei sbagliare ma dovrebbe bastare aggiungere questo stile:

DIV#navcontainer { margin-bottom:0; padding-bottom:0 }

Stammi bene...

Guarda qui:
http://www.web-link.it/scripting/9linguette.htm

Lì non c'è scritto ma fatto come descrive qui quel menù resta sempre in primo piano o se si vuole che lo resti bisogna inserirlo in ogni pagina?

quel menu è visibile solo nelle pagine in cui viene inserito il codice ke lo genera

Si, ma..... ipotizziamo che io inserisca nella "pagina 1" il primo e il secondo codice che c'è scritto ovvero:

<style type="text/css">
/*  Prelevato e spiegato su http://www.web-link.it */

#navlist {
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}
#navlist li {
list-style: none;
margin: 0;
display: inline;
}
#navlist li a {
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}
#navlist li a:link { color: #448; 
}
#navlist li a:visited { color: #667; 
}
#navlist li a:hover {
color: #000;
background: #AAE;
border-color: #227;
}
#navlist li a#current {
background: white;
border-bottom: 1px solid white;
}
</style>

e

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">pagina uno</a></li>
<li><a href="#">pagina due</a></li>
<li><a href="#">pagina tre</a></li>
<li><a href="#">pagina quattro</a></li>
<li><a href="#">pagina cinque</a></li>
</ul>
</div>

Se io voglio che nel "link 2" ovvero la "pagina 2" venga riconosciuto dal menù di essere lì e non più nell'1 come bisogna cambiare il secondo codice? E il primo va inserito come il secondo in ogni pagina? Grazie...

devi inserire anke il primo,
cmq da un okkiata veloce dovrebbe bastare spostare l'attributo id='current' da pagina uno a quella in cui sta il codice

Si, ho provato a modificare un po' il tutto, ho fatto una faticaccia ma vedi un po'... ho utilizzato pagine vuote ma come esempio va bene.
http://www.sottoscalapunk.altervista...rko_photo.html