Getting annoyed!!

How do I get the text on the right to come out further without using &nbsp lol.



Here's the coding if you need it to fix it.

[code]

<style>
.topbar_swag {
background: #1A1A1A;
padding: 7px;
}

.topbar_swag:hover {
background: #025B72;
}

.topbar_swag:active {
background: #025B72;
}

.topbar_swagPM {
background: #1A1A1A;
padding: 7px;
}

.topbar_swagPM:hover {
background: #025B72;
}

.topbar_swagPM:active {
background: #025B72;
}

.topbar_swag:a {
color: #fff;
}

.pm_unread {
width: 100px;
color: #fff;
background: #252525;
padding: 7px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
}
</style>

<a name="top" id="top"></a>

<div id="top-bar">
<div class="barz" style="padding: 6px;text-align: left;box-shadow: 0 0 5px #000;border-top: 3px solid #308198;background: #1a1a1a;position:fixed;z-index: 100;width:100%; padding-left: 90px;">
<a style="color: #fff;"class="topbar_swag" href="{$mybb->settings['bburl']}/index.php" title="Visit Home"><i class="fa fa-home"></i> Home</a>
&nbsp;&nbsp;
<a style="color: #fff;"class="topbar_swag" href="#"><i class="fa fa-diamond"></i> Upgrade</a>
<div style="float:right;";>
<a class="topbar_swagPM" href="{$mybb->settings['bburl']}/private.php">Private Messages: <b class="pm_unread">{$mybb->user['unreadpms']}</b></a>
</

instead of being spoonfed which is probably not what you want.

Read this bad boy. http://www.w3schools.com/css/css_padding.asp

28-10-2015, 06:00 PM

Horizon Wrote: instead of being spoonfed which is probably not what you want.

Read this bad boy. http://www.w3schools.com/css/css_padding.asp

I tried to add padding :rolleyes: Unless my cache wasn't updating, I've had this issue with WAMP before.. Changes weren't showing :rly:

---

Got it where I want it but the space on the right is also clickable, I'm so annoyed because I can't figure this out :noh:

You should learn to use: http://jsfiddle.net

A live demo of your problem, would make it easier...

Make use of [code] or [pre] :|

28-10-2015, 06:14 PM

Harry Wrote:

28-10-2015, 06:00 PM

Horizon Wrote: instead of being spoonfed which is probably not what you want.

Read this bad boy. http://www.w3schools.com/css/css_padding.asp

I tried to add padding :rolleyes: Unless my cache wasn't updating, I've had this issue with WAMP before.. Changes weren't showing :rly:

---

Got it where I want it but the space on the right is also clickable, I'm so annoyed because I can't figure this out :noh:

margin-right: 100px;

instead of padding.

30-10-2015, 02:20 PM

Sozin Wrote: You should learn to use: http://jsfiddle.net

A live demo of your problem, would make it easier...

Make use of [code] or [pre] :|

Wtf, it did have [code] tags but they've gone from the OP :o

Also I'll try that site and I can't post a live demo.

I'll see what i can do, kinda busy right now u_u

EDIT: http://jsfiddle.net/ottok0fL/1/ quick example (Non responsive, it will break upon Viewport change. Just giving you a quick look at how to keep stuff aligned the way you want them to be)

03-11-2015, 06:59 AM

DarkHorse Wrote: I'll see what i can do, kinda busy right now u_u

EDIT: http://jsfiddle.net/ottok0fL/1/ quick example (Non responsive, it will break upon Viewport change. Just giving you a quick look at how to keep stuff aligned the way you want them to be)

Wow, thanks for that.. I can see what you've changed to get these results and I see where I've been going wrong.

Thanks for the help!

03-11-2015, 10:02 PM

Harry Wrote:

03-11-2015, 06:59 AM

DarkHorse Wrote: I'll see what i can do, kinda busy right now u_u

EDIT: http://jsfiddle.net/ottok0fL/1/ quick example (Non responsive, it will break upon Viewport change. Just giving you a quick look at how to keep stuff aligned the way you want them to be)

Wow, thanks for that.. I can see what you've changed to get these results and I see where I've been going wrong.

Thanks for the help!

No problem, glad it helped you