|
|
Thread Tools | Display Modes |
Apr-17-2010, 02:10 PM
#1
|
|
juan14888 OP
Big grins
|
Dropdown Navbar
Guys,
Need some help, I've been working on a new Dropdown menu with a few flyouts, but I can seem to get it work to correctly. 1). Menu3 should be a dropdown of the Galleries, under "Black and White" 2). Men3 should only be "Events" and its flyouts. 3). the rest of the menu items should be on the menu and not in Menu3. 
|
|
|
|
|
Apr-17-2010, 03:29 PM
#2
|
|
|
Scripting dude-volunteer
|
The HTML for the navbar is missing a bunch of things, but I can't understand from your brief description how you want the hierarchy to be. Can you please post the whole menu hierarchy you want?
__________________
--John Homepage • Popular JFriend's javascript customizations • Secrets for getting fast answers on Dgrin Always include a link to your site when posting a question |
|
|
|
|
Apr-17-2010, 06:46 PM
#3
|
||
|
"tweak 'til it squeaks"
|
Quote:
see it run in edit mode. Code:
<!-- Drop Nav Bar -->
<div id="my_banner"> </div>
<div align="center">
<div class="menu">
<ul>
<li><a href="/">Home</a></li>
<li><a class="drop" href="/featured">Galleries
<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a class="drop" href="/Architecture%20Images" title="Architecture">Architecture
<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/Architecture/Bridges/Bridges/11803589_cyihC" title="Bridges">Bridges</a></li>
<li><a href="/Architecture/Buildings/Buildings/11803563_EApKa" title="Buildings">Buildings</a></li>
<li><a href="/Architecture/Stuctures/Stucture/11803529_A8kvz" title="Stuctures">Stuctures</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="/Black-White" title="Black-White">Black and White</a></li>
<li><a class="drop" href="/Nature%20And%20Scenic" title="Nature And Scenic">Nature And Scenic
<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/Nature-and-Scenic/Cityscapes/5686897_ub8Zr" title="Cityscapes">Cityscapes</a></li>
<li><a href="/Nature-and-Scenic/Landscapes/5783023_sp3ND" title="Landscapes">Landscapes</a></li>
<li><a href="/Nature-and-Scenic/Seascapes/8870062_cTbRH" title="Seascapes">Seascapes</a></li>
<li><a href="/Nature-and-Scenic/Steet-Scenes/8870101_qap6L" title="Street Scenes">Street Scenes</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
<li><a class="drop" href="/Monuments-and-Memorials%20Images" title="Monuments and Memorials">Monuments and Memorials
<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/Monuments-and-Memorials/Monuments1/8927791_aMTEN" title="Holocaust Memorial">Holocaust Memorial</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="/Wildlife%20Images" title="Wildlife">Wildlife
<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/Wildlife/Animals/Animals/11805661_TYpPQ" title="Animals">Animals</a></li>
<li><a href="/Wildlife/Birds/Birds/11805584_6FWD2" title="Birds">Birds</a></li>
<li><a href="/Wildlife/ReptilesInsects/ReptilesInsects/11805711_UDdU3" title="Reptiles/Insects">Retiles/Inects</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="/featured">Menu3
<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]></a><![endif]-->
<ul>
<li><a class="drop" href="#Link">Events >
<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a class="drop" href="#Link">Local Events >
<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#Link">Balloons</a></li>
<li><a href="#Link">Fire Works</a></li>
<li><a href="#Link">Paragliding</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="#Link">Private Events >
<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#Link">Clients Proofs</a></li>
<li><a href="#Link">Corperate Events</a></li>
<li><a href="#Link">Family And Friends</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li><li><a class="drop" href="#Link">Sporting Events >
<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#Link">Mountain Biking</a></li>
<li><a href="#Link">Taekwondo</a></li>
<li><a href="#Link">Triathlon's</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="/keyword/">Image Search</a></li>
<li><a class="drop" href="/Other">Information
<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/gallery/5738464_8thjL" title="About-me">About-me</a></li>
<li><a href="/gallery/XXXXXXX_xxxxx" title="Our Gear">Our Gear</a></li>
<li><a href="/gallery/5776638_MmP7E" title="Catalog">Catalog</a></li>
<li><a href="" title="Our Guarantee">Our Guarantee</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#" onclick="return false;" id="contactUsButtonFooter" name="contactUsButtonFooter">Contact Us</a>
<script type="text/javascript">
YE.onDOMReady(function() {SM.buttons.contactUsButton = new SM.buttons.contactUs('contactUsButtonWrapper','contactUsButtonFooter',{buttonText: 'Contact', panelTitle:'', currentPage: '/', currentPageOverride: '', referringPage:'http://www.smugmug.com/logout.mg?skipDomainCheck=1&goTo=/', pro: '', modal: true, popupName: 'contactOwner', ownerNickName: 'stillriversphotography', width:'755px', albumID: '', additionalParams: 'FooterContact'});});
</script>
</li>
</ul>
</div> <!-- closes navcontainer -->
__________________
Al My Website my Blog Mozilla Firefox Web Developer Firebug Customization FAQ Banner/Navbar/Slideshow Tutor |
|
|
|
||
|
Apr-18-2010, 05:57 AM
#4
|
||
|
juan14888 OP
Big grins
|
Quote:
|
|
|
|
||
|
Apr-18-2010, 06:59 AM
#5
|
||
|
"tweak 'til it squeaks"
|
Quote:
Like this? Code:
<!-- Drop Nav Bar -->
<div id="my_banner"> </div>
<div align="center">
<div class="menu">
<ul>
<li><a href="/">Home</a></li>
<li><a class="drop" href="/featured">Galleries
<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a class="drop" href="#Link">Events >
<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a class="drop" href="#Link">Local Events >
<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#Link">Balloons</a></li>
<li><a href="#Link">Fire Works</a></li>
<li><a href="#Link">Paragliding</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="#Link">Private Events >
<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#Link">Clients Proofs</a></li>
<li><a href="#Link">Corperate Events</a></li>
<li><a href="#Link">Family And Friends</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li><li><a class="drop" href="#Link">Sporting Events >
<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#Link">Mountain Biking</a></li>
<li><a href="#Link">Taekwondo</a></li>
<li><a href="#Link">Triathlon's</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="/Architecture%20Images" title="Architecture">Architecture
<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/Architecture/Bridges/Bridges/11803589_cyihC" title="Bridges">Bridges</a></li>
<li><a href="/Architecture/Buildings/Buildings/11803563_EApKa" title="Buildings">Buildings</a></li>
<li><a href="/Architecture/Stuctures/Stucture/11803529_A8kvz" title="Stuctures">Stuctures</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="/Black-White" title="Black-White">Black and White</a></li>
<li><a class="drop" href="/Nature%20And%20Scenic" title="Nature And Scenic">Nature And Scenic
<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/Nature-and-Scenic/Cityscapes/5686897_ub8Zr" title="Cityscapes">Cityscapes</a></li>
<li><a href="/Nature-and-Scenic/Landscapes/5783023_sp3ND" title="Landscapes">Landscapes</a></li>
<li><a href="/Nature-and-Scenic/Seascapes/8870062_cTbRH" title="Seascapes">Seascapes</a></li>
<li><a href="/Nature-and-Scenic/Steet-Scenes/8870101_qap6L" title="Street Scenes">Street Scenes</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
<li><a class="drop" href="/Monuments-and-Memorials%20Images" title="Monuments and Memorials">Monuments and Memorials
<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/Monuments-and-Memorials/Monuments1/8927791_aMTEN" title="Holocaust Memorial">Holocaust Memorial</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="/Wildlife%20Images" title="Wildlife">Wildlife
<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/Wildlife/Animals/Animals/11805661_TYpPQ" title="Animals">Animals</a></li>
<li><a href="/Wildlife/Birds/Birds/11805584_6FWD2" title="Birds">Birds</a></li>
<li><a href="/Wildlife/ReptilesInsects/ReptilesInsects/11805711_UDdU3" title="Reptiles/Insects">Retiles/Inects</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="/keyword/">Image Search</a></li>
<li><a class="drop" href="/Other">Information
<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/gallery/5738464_8thjL" title="About-me">About-me</a></li>
<li><a href="/gallery/XXXXXXX_xxxxx" title="Our Gear">Our Gear</a></li>
<li><a href="/gallery/5776638_MmP7E" title="Catalog">Catalog</a></li>
<li><a href="" title="Our Guarantee">Our Guarantee</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#" onclick="return false;" id="contactUsButtonFooter" name="contactUsButtonFooter">Contact Us</a>
******** type="text/javascript">
YE.onDOMReady(function() {SM.buttons.contactUsButton = new SM.buttons.contactUs('contactUsButtonWrapper','contactUsButtonFooter',{buttonText: 'Contact', panelTitle:'', currentPage: '/', currentPageOverride: '', referringPage:'http://www.smugmug.com/logout.mg?skipDomainCheck=1&goTo=/', pro: '', modal: true, popupName: 'contactOwner', ownerNickName: 'stillriversphotography', width:'755px', albumID: '', additionalParams: 'FooterContact'});});
</********
</li>
</ul>
</div> <!-- closes navcontainer -->
__________________
Al My Website my Blog Mozilla Firefox Web Developer Firebug Customization FAQ Banner/Navbar/Slideshow Tutor |
|
|
|
||
|
Apr-18-2010, 09:56 AM
#6
|
||
|
juan14888 OP
Big grins
|
Quote:
 Just one last thing for now, I'd like to put a line across the pages, just under the Navbar? |
|
|
|
||
|
Apr-18-2010, 12:47 PM
#7
|
||
|
"tweak 'til it squeaks"
|
Quote:
just remove width=900 complete side to side. </div> <!-- closes navcontainer --> <hr color=#444 size=1 width=900>
__________________
Al My Website my Blog Mozilla Firefox Web Developer Firebug Customization FAQ Banner/Navbar/Slideshow Tutor |
|
|
|
||
|
Apr-19-2010, 05:34 PM
#8
|
||
|
juan14888 OP
Big grins
|
Quote:
Once more thanks for the help. 
|
|
|
|
||
| Tell The World! | |
«
Previous Thread
|
Next Thread
»
| Thread Tools | |
| Display Modes | |
Linear Mode
|
|
