Navbar placement

[DulaMug]

This is my first thread.

How do I place the Navbar directly over and as close as possible to my Home page flash slideshow and removing the wasted space? I tried reducing the size of the slideshow and that didn't work for me.

My website is www.billcarterphotos.com (http://www.billcarterphotos.com)


Please help:scratch

[Allen]

This is my first thread.

How do I place the Navbar directly over and as close as possible to my Home page flash slideshow and removing the wasted space? I tried reducing the size of the slideshow and that didn't work for me.

My website is www.billcarterphotos.com (http://www.billcarterphotos.com)


Please help:scratch
Welcome to Dgrin :wave

Try this.
Change the height to 450 in your show code.

SM.flash.insertSlideshow(700, 450, ssConfig, 'transparent');

Add this to your CSS.

.homepage #navcontainer {
margin: 5px auto -35px;
}

.homepage .loggedIn #navcontainer {
margin-bottom: 0;
}

[DulaMug]

Welcome to Dgrin :wave

Try this.
Change the height to 450 in your show code.

SM.flash.insertSlideshow(700, 450, ssConfig, 'transparent');

Add this to your CSS.

.homepage #navcontainer {
margin: 5px auto -35px;
}

.homepage .loggedIn #navcontainer {
margin-bottom: 0;
}
Thank you very much Al. I worked just fine. :clap

[DulaMug]

Welcome to Dgrin :wave

Try this.
Change the height to 450 in your show code.

SM.flash.insertSlideshow(700, 450, ssConfig, 'transparent');

Add this to your CSS.

.homepage #navcontainer {
margin: 5px auto -35px;
}

.homepage .loggedIn #navcontainer {
margin-bottom: 0;
}

I made the changes recommended and the navbars work in FF but not in IE. I remarked them out until I can get them working in IE. Can you help me?

www.billcarterphotos.com (http://www.billcarterphotos.com)

[Allen]

I made the changes recommended and the navbars work in FF but not in IE. I remarked them out until I can get them working in IE. Can you help me?

www.billcarterphotos.com (http://www.billcarterphotos.com)
Add the bold line and tweak for IE6.

.homepage #navcontainer {
margin: 5px auto -35px;
_margin: 5px auto -35px; /* IE6 only */
}

[DulaMug]

Add the bold line and tweak for IE6.

.homepage #navcontainer {
margin: 5px auto -35px;
_margin: 5px auto -35px; /* IE6 only */
}

Allen,

I should have been more specify. The "Home", "Galleries" and "About Us" navbars didn't work in the "Visitor's View". They still don't work in IE6 even after adding the recommended code. Can you look at my CSS and let me know what I am during wrong?

Thanks,
www.billcarterphotos.com (http://www.billcarterphotos.com)

[Allen]

Allen,

I should have been more specify. The "Home", "Galleries" and "About Us" navbars didn't work in the "Visitor's View". They still don't work in IE6 even after adding the recommended code. Can you look at my CSS and let me know what I am during wrong?

Thanks,
www.billcarterphotos.com (http://www.billcarterphotos.com)
Can you describe what you see as not working?

[DulaMug]

Can you describe what you see as not working?

When I click on the home, Galleries or About Us nav buttons nothing happens. It work from FF but not IE6. I works in owner's view but not in visitor's view.

Thanks,
Bill

[Allen]

When I click on the home, Galleries or About Us nav buttons nothing happens. It work from FF but not IE6. I works in owner's view but not in visitor's view.

Thanks,
Bill
Add this to your CSS. See if that fixes it.

#navcontainer {z-index: 99;}

#navcontainer ul {...
...

You have something overlapping your navbar by decreasing the page height.

[pvrsvarma]

Add this to your CSS. See if that fixes it.

#navcontainer {z-index: 99;}

#navcontainer ul {...
...

You have something overlapping your navbar by decreasing the page height.

Hello Allen,
I have similar problem. I have posted the code as suggested but doesn't seem to work. I use IE 6.0.

Site: http://pvrsvarma.smugmug.com

Can you please help!

Cheers!
PV Varma

[Allen]

Hello Allen,
I have similar problem. I have posted the code as suggested but doesn't seem to work. I use IE 6.0.

Site: http://pvrsvarma.smugmug.com

Can you please help!

Cheers!
PV Varma
Add the . in front of this, might be why your CSS
is not working below it.

.gallery_5453285 .photo {display:none;}


Remove this at the bottom.

#navcontainer ul {...
...

[DulaMug]

Hello Allen,
I have similar problem. I have posted the code as suggested but doesn't seem to work. I use IE 6.0.

Site: http://pvrsvarma.smugmug.com

Can you please help!

Cheers!
PV Varma
Hello Allen, I made the changes recommended and it still does not work with IE. Please look at my code when you get some time. It works with FF. I remarked out the changes.

Thanks,
Bill

[Allen]

Hello Allen, I made the changes recommended and it still does not work with IE. Please look at my code when you get some time. It works with FF. I remarked out the changes.

Thanks,
Bill
What doesn't work? Your nav works in Firefox and IE6 here.

[DulaMug]

[quote=Allen]What doesn't work? Your nav works in Firefox and IE6 here.[/quote

Allen you are right. Everything is working. However, I have not solved my original problem. I am trying to get my Navbars closer to the top of my home page flash slideshow and gallery page. I also want to remove the white left and white top borders from all pages.

www.billcarterphotos.com (http://www.billcarterphotos.com)

Thanks,
Bill

[Allen]

[quote=Allen]What doesn't work? Your nav works in Firefox and IE6 here.[/quote

Allen you are right. Everything is working. However, I have not solved my original problem. I am trying to get my Navbars closer to the top of my home page flash slideshow and gallery page. I also want to remove the white left and white top borders from all pages.

www.billcarterphotos.com (http://www.billcarterphotos.com)

Thanks,
Bill Add this to CSS
#bioBox,
#bioBox .boxBottom,
#bioBox .boxTop {border: none !important;} Remove this out of your head tag.
<div align="center">
<h1>Bill Carter Photos</h1>
</div> Add this to the top of your header.
<div id="myHeader">
Bill Carter Photos
</div> Add this to CSS to format it.
#myHeader {
text-align: center;
font-size: 200%;
font-family: verdana, Comic Sans MS, tahoma;
}
This closer to what you want?

[DulaMug]

[quote=DulaMug] Add this to CSS
#bioBox,
#bioBox .boxBottom,
#bioBox .boxTop {border: none !important;} Remove this out of your head tag.
<div align="center">
<h1>Bill Carter Photos</h1>
</div> Add this to the top of your header.
<div id="myHeader">
Bill Carter Photos
</div> Add this to CSS to format it.
#myHeader {
text-align: center;
font-size: 200%;
font-family: verdana, Comic Sans MS, tahoma;
} This closer to what you want?
Allen,

Thanks to you I am getting there and learning in the process.

Bill :clap