PDA

View Full Version : Drop Down Menu - Nav Bar


lorip
Mar-14-2009, 08:52 PM
On my Nav Bar, I have a drop down menu on my 'Portfolio' gallery. The dropdown has 3 options that point to the appropriate gallery. However, you can still click on 'Portfolio' and I would like for only one of the 3 options on the dropdown to be chosen, not the heading for the 3. Does that make sense? I dont want anyone to be able to click on teh portfolio heading, because then they have to navigate again, I would like them to be able to select the heading/gallery they want to see.

Thanks!

Allen
Mar-15-2009, 07:30 AM
On my Nav Bar, I have a drop down menu on my 'Portfolio' gallery. The dropdown has 3 options that point to the appropriate gallery. However, you can still click on 'Portfolio' and I would like for only one of the 3 options on the dropdown to be chosen, not the heading for the 3. Does that make sense? I dont want anyone to be able to click on teh portfolio heading, because then they have to navigate again, I would like them to be able to select the heading/gallery they want to see.

Thanks!
Change the link to something that starts with #. I like to use nopick because
it kinda tells the story. :D

<li><a class="drop" href="#nopick">Portfolio

lorip
Mar-15-2009, 06:44 PM
Change the link to something that starts with #. I like to use nopick because
it kinda tells the story. :D

<li><a class="drop" href="#nopick">Portfolio

Thanks Allen ! This may be a silly question - but where do I put this? I put it in my navbar code and it made the button disappear !! I am sure that I just put it in the wrong spot, so can you point me in teh right direction? Thansk!

Allen
Mar-15-2009, 08:59 PM
Thanks Allen ! This may be a silly question - but where do I put this? I put it in my navbar code and it made the button disappear !! I am sure that I just put it in the wrong spot, so can you point me in teh right direction? Thansk!
This is in your header.

Clicking your Portfolio button now links to your galleries page, Change the "/galleries" to "#nopick".

<div class="menu">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/7180993_cMBM8">About Me</a></li>
<li><a class="drop" href="/galleries">Portfolio
...
...

lorip
Mar-16-2009, 05:48 PM
This is in your header.

Clicking your Portfolio button now links to your galleries page, Change the "/galleries" to "#nopick".

<div class="menu">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/7180993_cMBM8">About Me</a></li>
<li><a class="drop" href="/galleries">Portfolio
...
...


Thanks for your help !! Im trying to learn as I go so I dont have teh same questions over and over !! Thanks again !