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...
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.