The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Add space to bottom of Navbar

4 posters

Go down

Solved Add space to bottom of Navbar

Post by DustyBones November 22nd 2012, 11:41 pm

I need to add some space to the bottom of my navbar like this;
Add space to bottom of Navbar 11-22-20122-35-33PM

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

Male Posts : 1234
Reputation : 528
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 November 23rd 2012, 1:05 am

Please post your forum's address.


Add space to bottom of Navbar Slgray10

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

Male Posts : 51489
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Add space to bottom of Navbar

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

DustyBones
DustyBones
Active Poster

Male Posts : 1234
Reputation : 528
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™ 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;
}
Sir Chivas™
Sir Chivas™
Helper
Helper

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

https://aforums.org

Back to top Go down

Solved Re: Add space to bottom of Navbar

Post by DustyBones 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
Add space to bottom of Navbar 11-22-20125-42-40PM
Thanks for trying though.. Smile
DustyBones
DustyBones
Active Poster

Male Posts : 1234
Reputation : 528
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™ 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™
Sir Chivas™
Helper
Helper

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

https://aforums.org

Back to top Go down

Solved Re: Add space to bottom of Navbar

Post by nextlevelgaming 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
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 November 23rd 2012, 3:57 am

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


Add space to bottom of Navbar Slgray10

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

Male Posts : 51489
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Add space to bottom of Navbar

Post by DustyBones 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! Add space to bottom of Navbar 450299529

That did it.. thank you.. Add space to bottom of Navbar 990533

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

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

You're welcome.
Topic Solved & Locked


Add space to bottom of Navbar Slgray10

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

Male Posts : 51489
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

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