PDA

View Full Version : Header/NavBar Problem ...


krh100
Aug-31-2006, 09:49 PM
I need some help to set margins for my navbar to align with the rest of my webpage and I have a gap between my wolves and the RED. Pls look at my website to see if you can help. Thanks folks ...

http://www.ehsladywolves.com/

Mike Lane
Aug-31-2006, 10:49 PM
I need some help to set margins for my navbar to align with the rest of my webpage and I have a gap between my wolves and the RED. Pls look at my website to see if you can help. Thanks folks ...

http://www.ehsladywolves.com/

I'm seeing a gap below the navbar and the rest of the content not between the wolves and the navbar. But let's look at your code:

p. p {word-spacing: .5in; }
p. p {margin-left: 2px; margin-top: 80px; margin-right: 45px; margin-bottom: -5px; }
p.navigation-bar {background-color: #660000; border: medium #660000 solid; text-align: center; margin:0 auto; width:764px;}
p.navigation-bar a:link
p.navigation-bar a:visited
p.navigation-bar a:link {color: white; text-decoration: none}
p.navigation-bar a:hover {background-color: #ffb0d3; color: black; text-decoration: none}


The code in red is doing absolutely nothing for you. I'd advise to remove it. Adding the green will fix your navbar on most pages.

krh100
Aug-31-2006, 11:05 PM
I'm seeing a gap below the navbar and the rest of the content not between the wolves and the navbar. But let's look at your code:

p. p {word-spacing: .5in; }
p. p {margin-left: 2px; margin-top: 80px; margin-right: 45px; margin-bottom: -5px; }
p.navigation-bar {background-color: #660000; border: medium #660000 solid; text-align: center; margin:0 auto; width:764px;}
p.navigation-bar a:link
p.navigation-bar a:visited
p.navigation-bar a:link {color: white; text-decoration: none}
p.navigation-bar a:hover {background-color: #ffb0d3; color: black; text-decoration: none}


The code in red is doing absolutely nothing for you. I'd advise to remove it. Adding the green will fix your navbar on most pages.

Hey Mike,

Thanks a lot...my margins are good now. Maybe this does not show for you but I have a green space between the wolves and the top of my nave bar.

Also, how can a space the words in my navbar? http://jahawk.smugmug.com/

krh100
Aug-31-2006, 11:30 PM
Hey Mike,

Thanks a lot...my margins are good now. Maybe this does not show for you but I have a green space between the wolves and the top of my nave bar.

Also, how can a space the words in my navbar? http://jahawk.smugmug.com/

OK... I figgered out the "green" gap. I still would like advice on how to get spaces between my words in my nav bar.

Andy
Sep-01-2006, 06:41 AM
OK... I figgered out the "green" gap. I still would like advice on how to get spaces between my words in my nav bar.

p.navigation-bar a {padding: 0px 10px;}

Salt to taste, the "10"px

krh100
Sep-01-2006, 08:12 AM
p.navigation-bar a {padding: 0px 10px;}

Salt to taste, the "10"px

Thanks Andy ... this DGRIN thing is great!