Menu orizzontale con img di sfondo

[jdluk87]

Salve dovrei creare un menu, stile quello del sito www.apple.it ovvero un menù orizzontale dove ho un immagine di base, un immagine quando il mouse ci passa sopra, un immagine quando ci clicco al momento del click ed infine un immagine quando è il bottone relativo alla pagina in corso di visualizzazione, ovviamente tutto tramite css. Il menu è composto da 6 voci, ognuna ha un immagine diversa. Qualcuno sa aiutarmi??


Grazie a tutti

[mucu]

guarda come hanno fatto alla apple e poi ci devi mettere il tuo css

[jdluk87]

nono le immagini le ho....mi manca proprio il css

[mucu]

beh quella è la cosa più semplice
fai dei links (una lista) con dimensioni fisse e float da qualche parte
e muovi il background con le coordinate

background-position: quellochevuoi; 

[AXELTOPOLINO]

Allora, per inserire le immagini all'hover dei link devi utilizzare (o almeno è consigliato) la tecnica chiamata "sprite css", ne trovi un articolo in html.it...

Poi credo che il css sia così:

div#menu {
float: left;
width: 400px;
height: 50px;
color: #000000; /* facoltativo */
background: #ffffff; /*facoltativo*/
}

a#sezione {
float: left;
width: 100px;
height: 50px;
background-image: url(immaginesfondo.gif)
}

a:hover#sezione {
color: #ffffff;
background-image: url(immaginesfondo.gif)
} 

E assegni come id nell'html: id="menu" per il contenitore del menu, id="sezione" per le varie voci del menu.

Ricorda di utilizzare la tecnica degli sprite per lo sfondo dei link.
ps. personalizza tutte le misure e crea le tue immagini ovviamente

ciao!

[jdluk87]

grazie a tutti siete stati utilissimi ragazzi