Problem med min menu

Du skal give din menu et z-index som er meget højt; det klarer du ved hjælp af dine css-styles

I de klassiske implementeringer af dhtml *kunne* man ikke komme uden om den slags uden iframes, men som jeg har forstået nutidens udgaver af browser-virkemåder skulle du selv kunne styre dem forbi -- størrelsesordenen af z-index er jeg helt uvidende om, men jeg har engang set et udsagn om, at elementer, som browseren var nødt til at rendere som selvstændige objekter -- herunder f.eks. dropdown-boxe fik index på 10000 -- prøv dig frem herfra !-)

Læs her ang. z-index:
http://www.w3schools.com/css/css_positioning.asp
- ved ikke om det løser dit problem, men prøv det :-)

Jeg har prøvet det som I har skrevet men uden held. Jeg har sat z-index på alle div i min menu og z-index:-1 på min rullemenu men det har ikke flyttet noget.

Har du prøvet med et meget højt z-index på dine divs ?-)

Ja de er lige nu på 10000000

<ole>

Det har ikke spor med alm. z-index at gøre. Et select-element befinder sig (ligesom f.eks. en applet) på et andet z-niveau.
Det smarteste, du kan gøre, er at gemme select'en - ligesom det gøres her på Eksperten. Læs evt. her:
  http://www.faqts.com/knowledge_base/view.phtml/aid/15145

/mvh
</bole>

Ole>>> Så skal jeg jo have min menu i en iframe, det kan jo så godt lige blive et mindre problem, eller hvad???

Nej, du gemmer blot alle select-elementer med:
  ELEMENT.style.visibility='hidden'
når du viser en menu - og viser dem igen, når du gemmer menuen.
Det lille script, jeg har skrevet i svaret bag linket (sitet er vist nede lige nu) bladrer alle sidens selects igennem og gør netop det  :)
/mvh

Okay, nu er jeg helt væk.

Kald de følgende funktioner, nå du skal vise dine dropdown-menuer:

<script language="javascript" type="text/javascript">
function hideSelects(){
  var tds = document.getElementsByTagName("select");
  for (i=0;i<tds.length;i++) {
    tds[i].style.visibility="hidden";
  }
}

function showSelects(){
  var tds = document.getElementsByTagName("select");
  for (i=0;i<tds.length;i++) {
    tds[i].style.visibility="visible";
  }
}

</script>

hth
jes

Prøv at gå til denne side:
  http://www.eksperten.dk/kat/8?searchtype=txt

Tryk på menupunktet 'Kategorioversigt'. Kan du se, sidens selects bliver skjult?
/mvh

Ole>>> Ja det kan jeg godt, men jeg kan ikke finde ud af at gøre det, måske er det fordi jeg gør det forkert, der er vel ikke en af jer der kan lave et eksempel???

Find det sted hvor du får vist din dropdown -- lige der sætter du hideSelects(); ind

Tilsvarende det sted, hvor de igen bliver gemt, der indsætter du showSelects();

Hvis du vil heve lidt hjælp til indsætningen, så drop lidt af din kode, så skal jeg gerne hjælpe ... <8-}

Hvilken koder vil du have????

Hvis du har en javascript-funktion til at vise/gemme, så er det den eller dele af den, men det er sikkert nok med de kald i tagsene (onclick="gjhfhg;")

Denne kode gør at menuen kommer frem.

<a href="#" name="link5" class="menu" id="link11" onMouseOver="MM_showMenu(window.mm_menu_1217004425_4,10,21,null,'link5')" onMouseOut="MM_startTimeout();">&nbsp;<img border="0" src="menupil.gif">&nbsp;Community&nbsp;&nbsp;&nbsp; </a>

Jeg har så prøvet:

<a href="#" name="link5" class="menu" id="link11" onMouseOver="MM_showMenu(window.mm_menu_1217004425_4,10,21,null,'link5'); hideSelects();" onMouseOut="MM_startTimeout(); showSelects();">&nbsp;<img border="0" src="menupil.gif">&nbsp;Community&nbsp;&nbsp;&nbsp; </a>

Men det hjalp ikke

Jeg har fået det til at virke nu.
Jeg havde bare taget min version af koden og den havde jeg selvfølgelig lavet om på, men det virker nu.

Tak

Bortset fra, at jeg nok havde sat dem før menu-kaldet, så er det det jeg selv ville gøre -- og jeg måtte lige checke, om det kunne have noget med browseren at gøre, men det tror jeg næppe da det er IE5+, NN6 og W3C html4

hm...

Bingo '-)

Endnu en gang tak for hjælpen

Velbekomme -- og takker for points ;~}

Velbekomme  :)