MyBB Community Forums

Full Version: Space between NAV Buttons
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hey guys, I am trying to put spaces between my Nav Bar Buttons. They are way to close. I want like 5px.

www.chillax-mc.com

This is my CSS for the Menu.
http://pastie.org/3819691

This is the HEADER Template
http://pastie.org/3819696

Thanks! Need more info ask!
They look fine to me, but you should get it done by changing:

ul.menu li {
 
  background-image: url(images/tl-d/navbar_sep.png);
  background-position: 100% 50%;
  background-repeat: repeat-x;
  float: left;
  list-style-image: none;
  list-style-position: outside;
  padding:0;
  margin:0;
  list-style-type: none;
}

to

ul.menu li {
 
  background-image: url(images/tl-d/navbar_sep.png);
  background-position: 100% 50%;
  background-repeat: repeat-x;
  float: left;
  list-style-image: none;
  list-style-position: outside;
  padding:0;
  padding-right: 5px;
  padding-left: 5px;
  margin:0;
  list-style-type: none;
}
(2012-04-19, 11:25 PM)Alex C. Wrote: [ -> ]They look fine to me, but you should get it done by changing:

ul.menu li {
 
  background-image: url(images/tl-d/navbar_sep.png);
  background-position: 100% 50%;
  background-repeat: repeat-x;
  float: left;
  list-style-image: none;
  list-style-position: outside;
  padding:0;
  margin:0;
  list-style-type: none;
}

to

ul.menu li {
 
  background-image: url(images/tl-d/navbar_sep.png);
  background-position: 100% 50%;
  background-repeat: repeat-x;
  float: left;
  list-style-image: none;
  list-style-position: outside;
  padding:0;
  padding-right: 5px;
  padding-left: 5px;
  margin:0;
  list-style-type: none;
}

Look at my forums. It just extended the background of the tabs

I still need help with this! www.chillax-mc.com
I still really need help with this.
Add the following to your menu ul

position: absolute;
float: right;
(2012-04-28, 02:59 AM)Rigby Wrote: [ -> ]Add the following to your menu ul

position: absolute;
float: right;

Does the same thing the other guy said to do.
Find ul.menu li a (in global.css) and change margin from 0px 2px 0px 0px to 0px 5px and save it.