Getting annoyed!!

by H - 28-10-2015, 05:45 PM
y u so shit
Posts:
6,599
Joined:
Feb 2015
Likes:
137
Credits:
5,871
Reputation:
93
2 Years of Service
#1
OP
Posted: 28-10-2015, 05:45 PM
How do I get the text on the right to come out further without using &nbsp lol.

[Image: 3403a48553.png]

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>
</
The Pengest Turkey

[Image: The-Chicken-Connoisseur-PENGEST-TURKEY-1-1.gif]

Diamonds Aren't Forever
Prime
Posts:
744
Joined:
Jan 2015
Likes:
56
Credits:
809
Reputation:
59
2 Years of Service
#2
Posted: 28-10-2015, 06:00 PM
instead of being spoonfed which is probably not what you want.

Read this bad boy. http://www.w3schools.com/css/css_padding.asp
[Image: Eap0R17.png]
y u so shit
Posts:
6,599
Joined:
Feb 2015
Likes:
137
Credits:
5,871
Reputation:
93
2 Years of Service
#3
OP
Posted: 28-10-2015, 06:14 PM (This post was last modified: 28-10-2015, 06:17 PM by H.)
(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:

[Image: 54f4b20604.png]

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:
The Pengest Turkey

[Image: The-Chicken-Connoisseur-PENGEST-TURKEY-1-1.gif]

Nan Ihier Gelair Mordor
Posts:
2,622
Joined:
Jan 2015
Likes:
279
Credits:
7,809
Reputation:
89
Developer
2 Years of Service
#4
Posted: 30-10-2015, 02:20 PM
You should learn to use: http://jsfiddle.net

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

Make use of [code] or [pre] :|
Nan Ihier Gelair Mordor
Posts:
2,622
Joined:
Jan 2015
Likes:
279
Credits:
7,809
Reputation:
89
Developer
2 Years of Service
#5
Posted: 30-10-2015, 02:21 PM
(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:

[Image: 54f4b20604.png]

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.
Do not let your difficulties fill you with anxiety, after all it is only in the darkest nights that stars shine more brightly. - Ali(a.s)

Developer( PHP, Python, C++, HTML+CSS, JS I am available for Hire. Message Me for details.
y u so shit
Posts:
6,599
Joined:
Feb 2015
Likes:
137
Credits:
5,871
Reputation:
93
2 Years of Service
#6
OP
Posted: 30-10-2015, 03:04 PM
(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 Surprised

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

[Image: The-Chicken-Connoisseur-PENGEST-TURKEY-1-1.gif]

Junior Member
Posts:
78
Joined:
Aug 2015
Likes:
2
Credits:
2
Reputation:
0
1 Year of Service
#7
Posted: 03-11-2015, 06:59 AM (This post was last modified: 03-11-2015, 07:01 AM by DarkHorse.)
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)
y u so shit
Posts:
6,599
Joined:
Feb 2015
Likes:
137
Credits:
5,871
Reputation:
93
2 Years of Service
#8
OP
Posted: 03-11-2015, 10:02 PM
(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!
The Pengest Turkey

[Image: The-Chicken-Connoisseur-PENGEST-TURKEY-1-1.gif]

Junior Member
Posts:
78
Joined:
Aug 2015
Likes:
2
Credits:
2
Reputation:
0
1 Year of Service
#9
Posted: 03-11-2015, 11:43 PM
(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 Smile
The last reply on this thread is older than a month. Please do not unnecessarily bump it.
Register an account or login to reply
Create an account
Create a free account today and start posting right away. It only takes a few seconds.
Login
Log into an existing account.
1 Guest(s)