View Full Version : Right padding and margin not working?

09-14-2011, 08:46 PM
Hi, I've currently making my website and love Google's bar across the top and would like to have something similar on my own site (www.skiroid.com (http://www.skiroid.com/)). I've got it all coded as far as I know but for some reason the links floating to the right haven't got the padding and margin like on the left.

Could anyone help me solve this. Thanks a lot.

CSS properties

#navbar {
top: 0px;
left: 0px;
height: 30px;
width: 100%;
padding: 0px 5px 0px 5px;
background-color: #333;
position: fixed;
#itemleft {
line-height: 30px;
font-size: 13px;
padding: 0px 7px 0px 7px;
float: left;
#itemleft:hover {
background-color: #555;
#itemright {
line-height: 30px;
font-size: 13px;
padding: 0px 7px 0px 7px;
float: right;
#itemright:hover {
background-color: #555;
HTML code

<div id='navbar'>
<span class='classnav'><a href='http://www.skiroid.com/'><div id='itemleft'><b><font color='white'>Skiroid</font></b></div></a></span>
<span class='classnav'><a href='#'><div id='itemleft'>WoW Website</div></a></span>
<span class='classnav'><a href='#'><div id='itemright'>Support</div></a></span>
<span class='classnav'><a href='http://www.skiroid.com/account/sign-out.php'><div id='itemright'>Sign out</div></a></span>
<span class='classnav'><a href='http://www.skiroid.com/account/manage.php'><div id='itemright'>$dbfullname</div></a></span>

09-15-2011, 04:51 AM
Just add...

margin-right: 30px;

to your

Or if you don't want that margin added to each link, wrap the two links in div and add some right margin to it.