html - Undermenu i en menu - Udvikleren.dk - Programmering, webdesign og grafik

Tags: css html webdesign

<< < 1 2 > >>

Bruger #14776 @ 09.05.11 15:30

Hej.

Jeg vil høre, om der er nogle som ved, hvordan man laver en undermenu i en menu sådan, at hvis man holder over en del af menuen, så kommer undermenuen frem.

Tak på forhånd

18 svar postet i denne tråd vises herunder
5 indlæg har modtaget i alt 7 karma

Sorter efter stemmer Sorter efter dato

Bruger #69 @ 09.05.11 15:36

188

Tak for det ;-)

Indlæg senest redigeret d. 09.05.2011 15:37 af Bruger #69

Bruger #16613 @ 09.05.11 15:33

Læste lidt på Phillip Studinski's firmasite, og fandt følgende: http://zereshade.dk/exp/html-css-horizontal-sub-menu.php

Du kan sikkert bruge det.

PS: Hvis Phillip svarer, giver du ham naturligvis noget Karma - da det er hans website :-)

Mvh Mikkel

Indlæg senest redigeret d. 09.05.2011 15:34 af Bruger #16613

Bruger #9814 @ 17.05.11 22:47

1.302

Nu virker den faktisk med, at den ikke viser undermenuen hele tiden, dog stadig ikke helt, som jeg vil have at menuen bliver vist, da den skal være vandret og ikke lodret. Lidt ligesom jeg har den her, bare med undermenu:
Darkrune siden

Her er linket:
favoritspil

Så er det vel bare at rette din CSS til som du har brugt til menuen hvor den nu er vandret?

http://www.darkrune.dk/menu/menu_style.css er dit stylesheet hvor det virker.

Alternativt, så prøv at rette:

<ul id="navlist2"> til <ul id="navlist"> som den står til, hvor det virker.

Ps! Dit højreklik script er møg-træls og så staver du kopiering forkert i vinduet der vises ;-)

Indlæg senest redigeret d. 17.05.2011 22:50 af Bruger #9814

Bruger #16025 @ 18.05.11 19:05

442

Tjek min udgave:
JavaScript
CSS

PHP kode

 <div id="menu"> 
   <ul id="sddm"> 
     <li><a href="#">Test1</a></li> 
     <li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">Test2</a> 
       <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> 
         <a href="#">Test2.1</a> 
         <a href="#">Test2.2</a> 
         <a href="#">Test2.3</a> 
         <a href="#">Test2.4</a> 
       </div> 
     </li> 
   </ul> 
 <div style="clear:both"></div> 
 </div>

Indlæg senest redigeret d. 18.05.2011 19:06 af Bruger #16025

Bruger #16025 @ 20.05.11 18:30

442

#Darkrune
Den udgave af JavaScript jeg har lagt ud til dig, den virker. Du kan bare sætte det ind, så virker det optimalt. Du skal bare huske at ved onmouseover skal du skifte det sidste tal afhængig af hvor mange undermenuer du skal bruge.

Eksempelvis:

HTML kode

 <div id="menu"> 
    <ul id="sddm"> 
      <li><a href="#">Test1</a></li> 
      <li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">Test2</a> 
        <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> 
          <a href="#">Test2.1</a> 
          <a href="#">Test2.2</a> 
          <a href="#">Test2.3</a> 
          <a href="#">Test2.4</a> 
        </div> 
      </li> 
      <li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">Test3</a> 
        <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> 
          <a href="#">Test3.1</a> 
          <a href="#">Test3.2</a> 
          <a href="#">Test3.3</a> 
          <a href="#">Test3.4</a> 
        </div> 
      </li> 
      <li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">Test4</a> 
        <div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> 
          <a href="#">Test4.1</a> 
          <a href="#">Test4.2</a> 
          <a href="#">Test4.3</a> 
          <a href="#">Test4.4</a> 
        </div> 
      </li> 
    </ul> 
  <div style="clear:both"></div> 
  </div>

HUSK endelig også at du skal skrive det samme tal i din div, med dit id.

Indlæg senest redigeret d. 20.05.2011 18:31 af Bruger #16025

Bruger #16613 @ 09.05.11 16:45

Velbekommen, det er jo dit "stuff" jeg linker til, så naturligt at give dig "credit" .. :-)

Hils nu din lillebroh fra mig, den evige hashkoger (læs: ikke længere).

Hehe.

Bruger #14776 @ 16.05.11 16:37

Jeg undskylder mit sene svar, men desværre hjalp det ikke :-/

Bruger #9814 @ 16.05.11 16:48

1.302

Jeg undskylder mit sene svar, men desværre hjalp det ikke :-/

Du må nok uddybe lidt ;-) Har du et link til hvor du har prøvet og hvad går galt?

Bruger #14776 @ 16.05.11 20:35

Jeg undskylder mit sene svar, men desværre hjalp det ikke :-/

Du må nok uddybe lidt ;-) Har du et link til hvor du har prøvet og hvad går galt?

Jeg har rettet det sted, hvor det går galt. Problemet er, at den viser undermenuen nedenunder, hvor jeg vil have, at den først skal blive vist, når man nu holder over en ting på over menuen. Den skal ikke blive vist hele tiden.

Bruger #9814 @ 16.05.11 20:37

1.302

Jeg har rettet det sted, hvor det går galt. Problemet er, at den viser undermenuen nedenunder, hvor jeg vil have, at den først skal blive vist, når man nu holder over en ting på over menuen. Den skal ikke blive vist hele tiden.

Har du ikke et link, så vil jeg (og nok også andre) gerne tage et kig på det.

<< < 1 2 > >>

Undermenu i en menu

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler