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.

Remove Spaces/Gaps in the NavBar of an Invision forum

View previous topic View next topic Go down

Solved Remove Spaces/Gaps in the NavBar of an Invision forum

Post by Empire_1 on August 3rd 2011, 5:18 pm

How do I remove Spaces/Gaps in the NavBar in an Invision forum?

The forum I'm asking about is: http://eptcnextgen.forumotion.com/

Thanks Smile

Empire_1
Active Poster

Male Posts : 1391
Reputation : 124
Language : English, Spanish, Mandarin, C++
Location : Summoner's Rift

Back to top Go down

Solved Re: Remove Spaces/Gaps in the NavBar of an Invision forum

Post by Mike on August 3rd 2011, 7:33 pm

Code:
#submenu ul li a {
color: black;
margin: .5em 1em .65em 0;
margin-top: 0.5em;
margin-right: 1em;
margin-bottom: 0.65em;
margin-left: 0px;
padding: .5em 1em .65em 0;
text-decoration: none;
}

Remove the Margin's Smile

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Solved Re: Remove Spaces/Gaps in the NavBar of an Invision forum

Post by Empire_1 on August 4th 2011, 12:05 am

It doesn't work D:

Empire_1
Active Poster

Male Posts : 1391
Reputation : 124
Language : English, Spanish, Mandarin, C++
Location : Summoner's Rift

Back to top Go down

Solved Re: Remove Spaces/Gaps in the NavBar of an Invision forum

Post by Nera. on August 4th 2011, 12:50 am

It should though one is padding. You should have this in your CSS.

Remove crossed.
#submenu ul li a {
color: #000000;
margin-bottom: 0.65em;
margin-left: 0;
margin-right: 1em;
margin-top: 0.5em;
padding-bottom: 0.65em;
padding-left: 0;
padding-right: 1em;
padding-top: 0.5em;
text-decoration: none;
}

http://i.imm.io/7RCS.png

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Remove Spaces/Gaps in the NavBar of an Invision forum

Post by Guest on August 4th 2011, 1:25 am

Add this to your CSS:

Code:
#submenu ul li a {margin:0;padding:0}
If you want more vertical spacing, add this as well:

Code:
#submenu ul {padding:10px 0}

Guest
Guest


Back to top Go down

Solved Re: Remove Spaces/Gaps in the NavBar of an Invision forum

Post by Empire_1 on August 4th 2011, 4:13 pm

Thank you guys!

*solved

Empire_1
Active Poster

Male Posts : 1391
Reputation : 124
Language : English, Spanish, Mandarin, C++
Location : Summoner's Rift

Back to top Go down

Solved Re: Remove Spaces/Gaps in the NavBar of an Invision forum

Post by Nera. on August 4th 2011, 4:13 pm

Solved ~ Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

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