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 November 22nd 2012, 11:41 pm

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

DustyBones
Active Poster

Male Posts : 1227
Reputation : 517
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 November 23rd 2012, 1: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.


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Add space to bottom of Navbar

Post by DustyBones on November 23rd 2012, 1:16 am


DustyBones
Active Poster

Male Posts : 1227
Reputation : 517
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 November 23rd 2012, 2: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.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
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 November 23rd 2012, 2: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

DustyBones
Active Poster

Male Posts : 1227
Reputation : 517
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 November 23rd 2012, 2:50 am

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

Lower the border-spacing: 5px; to a 3px;

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
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 November 23rd 2012, 3: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 .

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 November 23rd 2012, 3: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.


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Add space to bottom of Navbar

Post by DustyBones on November 23rd 2012, 4: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..

DustyBones
Active Poster

Male Posts : 1227
Reputation : 517
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 November 23rd 2012, 5:09 am

You're welcome.
Topic Solved & Locked


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


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.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