PDA

View Full Version : Need Quick NavBar Help


NorthernBuck
Aug-21-2008, 06:05 PM
Hi, I 've looked through many navbar customization threads and can't find this so I just decided to ask. My navbar shows up just fine with firefox but with IE the buttons are hidden by what looks like the same kind of box that the slideshow shows up in. I would rather the background boarder/partial box (whatever you call the thing) not be there at all but if thats not possible then can someone direct me towards getting my buttons to show up in front of it instead of behind it? My fall sports shooting just started today and I handed out a bunch of cards so I expect quite a bit of traffic starting tonight or tomorrow so I need to fix this as soon as possible. Any help would be appreciated.

My site: www.zrphoto.net
or http://zrphoto.smugmug.com/

Allen
Aug-21-2008, 06:10 PM
Hi, I 've looked through many navbar customization threads and can't find this so I just decided to ask. My navbar shows up just fine with firefox but with IE the buttons are hidden by what looks like the same kind of box that the slideshow shows up in. I would rather the background boarder/partial box (whatever you call the thing) not be there at all but if thats not possible then can someone direct me towards getting my buttons to show up in front of it instead of behind it? My fall sports shooting just started today and I handed out a bunch of cards so I expect quite a bit of traffic starting tonight or tomorrow so I need to fix this as soon as possible. Any help would be appreciated.

My site: www.zrphoto.net (http://www.zrphoto.net)
or http://zrphoto.smugmug.com/
Looks the same here in Firefox and IE6. Not sure what you're referring to.
Add some bottom margin and see if it's corrected.

#navcontainer ul {
margin: 0;
margin-bottom: 10px;
padding: 0;
list-style-type: none;
text-align: center;
}

NorthernBuck
Aug-21-2008, 06:56 PM
That worked to get the buttons above the peach colored half box/background thing. Thank you very much for your help. I'm not sure why it didn't show up the way I described. I have a photo partner and he was the first to point out that he couldn't see the buttons. I had no idea why he couldn't see them and thought it was his security settings or something but my wife brought the site up on IE and I couldn't see them either.
What I would really like to do is get rid of that half box/border thing anyway and then move my slideshow up closer to my logo. Is that possible?

Allen
Aug-21-2008, 07:16 PM
That worked to get the buttons above the peach colored half box/background thing. Thank you very much for your help. I'm not sure why it didn't show up the way I described. I have a photo partner and he was the first to point out that he couldn't see the buttons. I had no idea why he couldn't see them and thought it was his security settings or something but my wife brought the site up on IE and I couldn't see them either.
What I would really like to do is get rid of that half box/border thing anyway and then move my slideshow up closer to my logo. Is that possible?
See if this does it, add to CSS.

.homepage #breadcrumb {visibility: hidden;}
.homepage .loggedIn #breadcrumb {visibility: visible;}

#categoriesBox,
#bioBox {margin-top: -40px;}
.loggedIn #categoriesBox,
.loggedIn #bioBox {margin-top: 0;}

Be sure to look logged out also.

NorthernBuck
Aug-21-2008, 08:24 PM
That did it. You're awesome! Thank you very much!

See if this does it, add to CSS.

.homepage #breadcrumb {visibility: hidden;}
.homepage .loggedIn #breadcrumb {visibility: visible;}

#categoriesBox,
#bioBox {margin-top: -40px;}
.loggedIn #categoriesBox,
.loggedIn #bioBox {margin-top: 0;}

Be sure to look logged out also.