The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Add space to bottom of Navbar

View previous topic View next topic Go down

Solved Add space to bottom of Navbar

Post by DustyBones on Fri Nov 23, 2012 6:41 am

I need to add some space to the bottom of my navbar like this;


Anyone have the CSS code to do this?
I'm using phbb2
Thanks
Dusty
avatar
DustyBones
Active Poster

Male Posts : 1228
Reputation : 521
Language : English
Location : Washington, USA

http://raps-graphics.forumotion.com/

Back to top Go down

Solved Re: Add space to bottom of Navbar

Post by SLGray on Fri Nov 23, 2012 8:05 am

Please post your forum's address.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40909
Reputation : 2777
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Add space to bottom of Navbar

Post by DustyBones on Fri Nov 23, 2012 8:16 am

avatar
DustyBones
Active Poster

Male Posts : 1228
Reputation : 521
Language : English
Location : Washington, USA

http://raps-graphics.forumotion.com/

Back to top Go down

Solved Re: Add space to bottom of Navbar

Post by Sir Chivas™ on Fri Nov 23, 2012 9:09 am

Hi,

Try this within your CSS.
Code:
table {
display: table;
border-collapse: separate;
border-spacing: 5px;
border-color: gray;
}



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6801
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Add space to bottom of Navbar

Post by DustyBones on Fri Nov 23, 2012 9:47 am

Sir Chivas™ wrote:Hi,

Try this within your CSS.
Code:
table {
display: table;
border-collapse: separate;
border-spacing: 5px;
border-color: gray;
}

Well..
It worked but it also spaced everything else.. lol

Thanks for trying though.. Smile
avatar
DustyBones
Active Poster

Male Posts : 1228
Reputation : 521
Language : English
Location : Washington, USA

http://raps-graphics.forumotion.com/

Back to top Go down

Solved Re: Add space to bottom of Navbar

Post by Sir Chivas™ on Fri Nov 23, 2012 9:50 am

Hmm.. You didn't want that right? What the fuck ?!?

Lower the border-spacing: 5px; to a 3px;
avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6801
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Add space to bottom of Navbar

Post by nextlevelgaming on Fri Nov 23, 2012 10:04 am

Since you are using phpbb2 Dustybones, try this out for size Wink

Code:
a.mainmenu {
color: black;
text-decoration: none;
margin-bottom: 10px;
display: inline-block;
height: 50px;
}

change the height to whatever you feel really.
Your tables were white backgrounds, but your td's were all #DBDBDB;
Code:
.forumline{
background-color: #DBDBDB;
}

Another fix for ya that I see that would need a quick fix, is one, I'm not sure about you but the lines seem to make it messy. If you go into your ACP>DISPLAY>TEMPLATES>GENERAL>INDEX_BODY

Search:
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>

Change the cellspacing="1" to ="0"

Hope you see what I mean .
avatar
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Solved Re: Add space to bottom of Navbar

Post by SLGray on Fri Nov 23, 2012 10:57 am

Try this:
Code:
a.mainmenu img {
        margin-bottom: 10px;
}
You can change the 10 to what you want.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40909
Reputation : 2777
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Add space to bottom of Navbar

Post by DustyBones on Fri Nov 23, 2012 11:28 am

slg wrote:Try this:
Code:
a.mainmenu img {
        margin-bottom: 10px;
}
You can change the 10 to what you want.

Your the man!

That did it.. thank you..

Thanks everyone else for the help also..
avatar
DustyBones
Active Poster

Male Posts : 1228
Reputation : 521
Language : English
Location : Washington, USA

http://raps-graphics.forumotion.com/

Back to top Go down

Solved Re: Add space to bottom of Navbar

Post by SLGray on Fri Nov 23, 2012 12:09 pm

You're welcome.
Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40909
Reputation : 2777
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum