menus

[lil9]

Hi im making a website but ive come stuck because i dont know how to make a menu that has images and once som1 clicks it some links appear under it. my site is www.lil9.com

An example of what i mean, www.cncden.com there menu works how id like mine to.

Could any1 help me out on what i have to do?


thanks
lil9

[Phate]

well, i would check out the "menu" section of http://dynamicdrive.com

[Malcolm]

Here's one, quick n' easy:

Code: Select all

<style type="text/css">
   #menu1 { border: 1px solid #000; width: 120px; }
   #items1 { overflow:hidden; height:0px; }
</style>

<div id="menu1" onmouseover="document.getElementById('items1').style.height='auto';" onmouseout="document.getElementById('items1').style.height='0px';">
   Menu Header
   <div id="items1">
      <a href="#">a blah</a><br />
      <a href="#">b blah</a><br />
      <a href="#">c blah</a><br />
   </div>
</div>


Works in Mozilla, IE and Opera

{Edit}
After playing around with the code for a bit Opera seems to like this:

Code: Select all

<style type="text/css">
   .menu { border: 1px solid #000; width: 120px; }
   .items { overflow:hidden; height:0px; }
   .menu:hover .items { height: auto; }
   
</style>

<div class="menu">
   Menu Header
   <div class="items">
      <a href="#">a blah</a><br />
      <a href="#">b blah</a><br />
      <a href="#">c blah</a><br />
   </div>
</div>


But non of the other browsers do

[lil9]

malcom is there any way to make ur code work so that the links dont apear until som1 clicks on the image? also without a border ?

[Malcolm]

Not this way, you'd need to figure out something else.

[dafunkymunky]

hi lil

if you could give apictorial representation of what exactly type of window you need i could code one for you
well but you will have to wait till 6 th till i login again
i will be busy next week with my exams

--DAFUNKYMUNKY