html - Dropdown menu skal forbedres, og gøres ved! - Udvikleren.dk

Tags: html css

<< < 1 2 3 > >>

Bruger #5097 @ 28.06.05 21:08

Hej!
Jeg har efter lang tids leden efter koder fundet koden til en udmærket Dropdown menu. Koden fandt jeg her:

http://www.javascriptkit.com/script/script2/csstopmenu.shtml

Jeg har gjord hvad der stod og resultatet af min hjemmeside ser sådan her ud:

http://www.shafh.dk/ny
(farverne i menuen er jeg klar over er grimme

)

Flot, men der er mange ting galt med den!

Menuen ser anderledes ud i IE og i FF
I IE kommer menuen for højt oppe og i FF kan man ikke kører over alle menupunkterne (faktisk kun det første punkt).

Udover det ser det kikset ud at teksten i indholdet (af siden) går over min menu og ikke under. Meget mystisk da det ikke sker sådan på javascriptkit.com's eksempel!

Så vil jeg også gerne vide hvordan jeg ændre farven på dropdownmenuens border!

I må gerne også komme med andre ideer til hvordan den kan forberdes, og fjerne fejl
Jeg kan ikke JS så derfor ikke regn jeg kan noget

På forhånd tak.

(PS. Giver ca. 10 up til vær at disse svar)

Shafh
www.shafh.dk
Shafh@stofanet.dk
Theis F. Hinz

Make you glad to change the world

[Redigeret d. 28/06-05 21:09:21 af Shafh]

21 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma

Sorter efter stemmer Sorter efter dato

Bruger #5097 @ 29.06.05 23:06

818

Decko...
Opstår en JS fejl (står ikke en fejl)

Jesper...
Tak. Det hjalp også!

Shafh
www.shafh.dk
Shafh@stofanet.dk
Theis F. Hinz

Make you glad to change the world

Bruger #3275 @ 30.06.05 08:11

1.736

Du kan se en test på www.decko.1go.dk/menu.htm bemærk det er en ældre version af koden så der er lidt fejl. Men princippet er det samme. Hvilken fejl får du??

-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ U? P L+ E? W++ N? o? K- w
O? M? V? PS PE? Y? PGP++ t 5? X+ R tv+ b+ DI? D+
G e-- h! !r y--
------END GEEK CODE BLOCK------

Bruger #5097 @ 30.06.05 12:41

818

Syns ikke den fungere så godt, som den anden! Menuen fløtter sig med!

Og i IE ser det helt galt ud

Hvis det er helt galt har jeg tænkt over at man selvfølgelig kunne flytte teksten et bar linjer ned... Så ville problemmet i IE være løst... Men det vil bare være grimt. Og sørgeligt når jeg, og alle jeg andre som har svaret her, har brugt så meget tid på det.

Shafh
www.shafh.dk
Shafh@stofanet.dk
Theis F. Hinz

Make you glad to change the world

[Redigeret d. 30/06-05 12:42:21 af Shafh]

[Redigeret d. 30/06-05 12:45:38 af Shafh]

Bruger #5097 @ 01.07.05 11:54

818

Hej decko.
Jeg hved ikke om det er noget med mig, men den er altså stadig ikke helt god...
Jeg har lavet en side med mit resultat af det.
www.shafh.dk/ny/decko

Menuen ser kikset ud i FF og i IE virker den slet ikke. Det er meget mystisk da den fint virkede på din side... Der er dog en fejl, som også er på din side. De dropper ikke ned samme sted i IE og FF!

Men det er jo det samme med min anden Dropdown. Den virker jo også rigtig godt på den anden sides eksempel, men når jeg laver den går det ikke helt godt!

Shafh
www.shafh.dk
Shafh@stofanet.dk
Theis F. Hinz

Make you glad to change the world

Bruger #5097 @ 01.07.05 12:00

818

www.shafh.dk/ny/2

Dette eks. er lavet med denne kode (som jeg også har prøvet før):

http://www.javascriptkit.com/script/script2/csstopmenu.shtml

Jeg har gjord 100% det samme som i www.shafh.dk/ny

Hvorfor virker det ikke med resten af mit design! Det må vel måske være noget css der ødelægger det?

Shafh
www.shafh.dk
Shafh@stofanet.dk
Theis F. Hinz

Make you glad to change the world

Bruger #3275 @ 01.07.05 12:11

1.736

Ved godt fejlen med at de dropper ned 2 forskellige steder. Men kan rettes ved at tjekke om man har ie og så placere den lidt længere nede. Grunden til den ikke virker i ie er at du har glemt at lave en <div class="menuobject" id="menuobject"> før din <div class="menu">

-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ U? P L+ E? W++ N? o? K- w
O? M? V? PS PE? Y? PGP++ t 5? X+ R tv+ b+ DI? D+
G e-- h! !r y--
------END GEEK CODE BLOCK------

Bruger #5097 @ 02.07.05 11:20

818

ok...
Hva med gennemsigtigheden som der også er i FF? Er det det samme som vi gjord i den anden.. Resultatet bliver det samme!

Shafh
www.shafh.dk
Shafh@stofanet.dk
Theis F. Hinz

Make you glad to change the world

Bruger #7753 @ 02.07.05 11:25

Jeg har lige lavet denne lille hurtige function. Jeg ved ikke om du kan bruge den til noget, men skrev den alligevel

Kode

<html>
<head>
<title>DropMenu</title>
<script type="text/javascript"><!--
function show(id) {
       if(document.layers)
          document.layers[id].visibility = 'show';
       else if(document.all)
          document.all[id].style.visibility = 'visible';
       else 	
          document.getElementById(id).style.visibility = 'visible';
}

function hide(id) {
       if(document.layers)
          document.layers[id].visibility = 'hide';
       else if(document.all)
          document.all[id].style.visibility = 'hidden';
       else 	
          document.getElementById(id).style.visibility = 'hidden';
}
--></script>
<style type="text/css"><!--

#drop1 {
	background : #ffffff;
	border     : 1px solid #000000;
	visibility : hidden;
	width      : 100px;
	position   : absolute;
}
#drop1:hover {
	background : #cccccc;
}

--></style>
</head>

<body>
 <div style="border:1px solid #eeeeee;width:50px;" onmouseover="show('drop1');" onmouseout="hide('drop1');">
  hehe
 </div>
   <div id="drop1" onmouseover="show('drop1');" onmouseout="hide('drop1');">Tpd</div>
HaHa en ko:D
</body>
</html>

Det sådan jeg altid laver dropdownmenu og jeg syntes det virker fint

ChristofferB ::.

[Redigeret d. 02/07-05 11:41:23 af ChristofferB]

[Redigeret d. 02/07-05 12:45:09 af ChristofferB]

Bruger #5097 @ 02.07.05 13:10

818

Ha ha haa..
Har fundet fejlen i koden.
Se hvor flot det er: www.shafh.dk/ny

Koden var denne:

.menutekst {
position:relative;
left:10px;
top: 10px;
right: 0px;
}

Koden som jeg ellers har brugt for at få min tekst til at stå flot!
Den kan jeg selvfølgelig godt undværer

Det eneste jeg mangler for at jeg vil lukke trådden er at vide hvordan jeg kan ændre rammen på min dropdownmenu!

Shafh
www.shafh.dk
Shafh@stofanet.dk
Theis F. Hinz

Make you glad to change the world

Bruger #3275 @ 02.07.05 13:16

1.736

ved .submenus kan du ændre border: 1px solid #444444; eller en anden farve...skal nok være lysere end #444444

-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ U? P L+ E? W++ N? o? K- w
O? M? V? PS PE? Y? PGP++ t 5? X+ R tv+ b+ DI? D+
G e-- h! !r y--
------END GEEK CODE BLOCK------

<< < 1 2 3 > >>

Dropdown menu skal forbedres, og gøres ved!

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler