Hei

Hvordan kan jeg lage en meny lignende denne: http://www.startour.no/
Tenker da på hovedmenyen deres.

Er det så enkelt at de har standardbilder, også bruker de :hover i css for å skifte bilde?

Har drevet å sett litt på koden, men finner ikke så mye om det.

Man kan bruke CSS til å få <li>-taggene til å ligge. Men i prinsippet, ja, de har brukt kun standardbilder med a:hover.

Ja, egner seg vel kansje ikke på en side der mye skal forandres, men er greit å prøve forskjellige ting.

Tusen takk for hjelpen

For de som lurer så kalles metoden de har brukt i menyen for css-sprites

Hva mener du?

Du kan jo evt. ha et bakgrunnsbilde som endrer posisjon med :hover, og så bare ha teksten oppå... Så blir det vesentlig mer dynamisk^^

Dette er det, som nevnt, kalles CSS-sprites

Mitt forslag var vel mer som et svar til innlegget under, som et alternativ til å lage 3 bilder pr knapp, og stresse værre hver gang en skal endre, fjerne eller legge til en knapp...

... Som jeg sikkert ikke fikk klart frem er en annen måte å gjøre dette på, å lage en sprite bestående av 1*3 bilder, i stedet for 6*3. Bildet på 1*3 kan så bestå av 1/3 lys grå, 1/3 mørkere grå og 1/3 blå. Uten tekst.

Du kan så bruke det samme bildet (eller spriten) på samtlige li-elementer uten å måtte gå inn å finne opp kruttet hver gang du skal endre innholdet på siden din...