Hur gör man en sån här meny?

HTML & CSS

4 svar · 379 visningar · startad av Danielkun

Medlem sedan maj 2003361 inlägg
Trådstart#1

Jag skulle vilja göra en sån här meny som dom har här:

http://www.infoplease.com/index.html

(Den blåa som blir vit vid mouseover)

Men jag förstår inte hur dom har gjort den? Jag lyckas inte spara ner sidan med IE heller.

Jag tror inte det dom har gjort är det bästa sättet att bygga en sån här meny, så om någon har en bättre sida med exempel på en likanande meny får ni gärna visa :OO

Medlem sedan apr. 200312 679 inlägg
#2

Du skulle kunna pröva denna med hjälp av <ul> och <li>. :)

Medlem sedan maj 2003361 inlägg
#3

TACK!! den här sidan var ju riktigt bra!!

Fast jag tycker det är konstigt att sidan jag visade inte har liknande? Jag hittar bara 1 CSS fil och där finns inte "sourceLIST" eller "sourceROVER".. vart har dom lagt dem?

Medlem sedan mars 20041 505 inlägg
#4

Hemsidan du visade använder sig troligen av Javascript, någonting som inte alltid är nödvändigt i detta fall.

Medlem sedan juli 20013 378 inlägg
#5

Njae - kolla källkoden för sidan igen...

Finns ingen Javascript som kopplas till just den menyn såvitt jag kan se iaf

De har två <link rel="stylesheet"> på olika ställen i <head> varav den ena refererar till en stilmallsfil som importerar ytterligare stilmallar med @import...

Det ljusa rolloverfärgen deklareras t.ex. av kodsnutten:

#sourceLIST li a:hover{color:#336;background:#F8FBFD;border-color:#F8FBFD;}

Fast det är klart - de kanske skapar olika kod för olika webbläsare... Jag testade med FF ( tillägget http://www.chrispederick.com/work/firefox/webdeveloper/ är förbaskat praktiskt när man håller på med sidkodning ;) )

:birp

278 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
131 ms — deklarationer (db)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)
139 ms — ändringar (db)