PDA

View Full Version : Need more space between header and nav bar...


Schuyler83
Feb-17-2007, 06:10 PM
Haven't posted in a while... I was kind of hoping someone could point me in the right direction. I need to increase the space between my nav bar and my header. Anyone have any ideas?
Thanks! :wink
Brandon

www.hummelsphotography.smugmug.com (http://www.hummelsphotography.smugmug.com)

Barb
Feb-17-2007, 06:24 PM
Haven't posted in a while... I was kind of hoping someone could point me in the right direction. I need to increase the space between my nav bar and my header. Anyone have any ideas?
Thanks! :wink
Brandon

www.hummelsphotography.smugmug.com (http://www.hummelsphotography.smugmug.com)

Hi :)

You can do it a couple different ways. You could give your banner a div id, i.e., <div id="my_banner"> and then position it with CSS and give it a margin-bottom of like 20px. So, in your header code box, you would have <div id="my_banner"><img src="LINK TO YOUR IMAGE"></div>.

In your CSS code box, you would put:

#my_banner {text-align: center; margin-bottom: 20px;}

You could add a margin-top of like 20px to your navbar CSS code.

You could add a couple of <br><br> after your header code for your image in your header box.

The first way is probably the best; the last way the easiest :)

David Taylor
Feb-17-2007, 06:36 PM
Haven't posted in a while... I was kind of hoping someone could point me in the right direction. I need to increase the space between my nav bar and my header. Anyone have any ideas?
Thanks! :wink
Brandon

www.hummelsphotography.smugmug.com (http://www.hummelsphotography.smugmug.com)
You could add the green in this part of your css...and change the numbers to suit.../*Common Styling*/

.menu {

font-family:"Gentium","Times New Roman", times, serif;

width:945px; _width:903px;

position:relative !important;

z-index:99;

font-size:14px;

padding-bottom:20px;

_padding-bottom:20px;

margin-left:27px;

_top:5px;
margin-top:10px;
}

I see Barb beat me to it...

Schuyler83
Feb-17-2007, 06:38 PM
Awesome Barb! Thanks so much!
:bow

Hi :)

You can do it a couple different ways. You could give your banner a div id, i.e., <div id="my_banner"> and then position it with CSS and give it a margin-bottom of like 20px. So, in your header code box, you would have <div id="my_banner"><img src="LINK TO YOUR IMAGE"></div>.

In your CSS code box, you would put:

#my_banner {text-align: center; margin-bottom: 20px;}

You could add a margin-top of like 20px to your navbar CSS code.

You could add a couple of <br><br> after your header code for your image in your header box.

The first way is probably the best; the last way the easiest :)

Schuyler83
Feb-17-2007, 06:39 PM
Thanks David too! ;)
:thumb

You could add the green in this part of your css...and change the numbers to suit.../*Common Styling*/

.menu {

font-family:"Gentium","Times New Roman", times, serif;

width:945px; _width:903px;

position:relative !important;

z-index:99;

font-size:14px;

padding-bottom:20px;

_padding-bottom:20px;

margin-left:27px;

_top:5px;
margin-top:10px;
}

I see Barb beat me to it...