webForumDet fria alternativet

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

HTML & CSS

4 svar · 375 visningar · startad av Danielkun

Medlem sedan maj 2003361 inlägg
Frågan#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

253 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)