[#1] PURE RAT v4 // BEST HVNC RAT ◆ Private Crypter - Unique Private Stubs ◆ Spoof Call and Spoof SMS set any caller ◆ ProxiesFood: Unlimited Residential Proxy ◆
Home Upgrade Search Memberlist Extras Hacker Tools Award Goals Help Wiki Contact
Hack Forums Tech Webmasters Website Construction › Odd Centering Issues

New Reply 

Odd Centering Issues
SIM-2306826
SIM-2306826 Offline
[bin@HF:]
***
HF Ub3r
Posts:
1,785
Threads:
451
Credibility:
900
Popularity:
287
βytes:
β 226.28
Game XP:
39
Sep 29, 2016 08:31 PM
So I'm working on something at the moment, and I'm trying to center the logo, subtext, and the input form in the middle all in line. It seems as though the centering is off and I can't seem to figure out why.

Any ideas?

http://tantihf.me/test/
Two-Ton 21
Two-Ton 21 Offline
[closed@HF:]
Posts:
1,057
Threads:
31
DO NOT DEAL WITH THIS MEMBER
βytes:
β 0
Game XP:
0
Sep 29, 2016 08:45 PM (This post was last modified: Sep 29, 2016 08:46 PM by Two-Ton 21.)
If you mean your logo isn't pushing down, it's not inside your content wrapper. I'd put a margin on top of both input elements for better spacing and response as-well.
SIM-2306826
SIM-2306826 Offline
[bin@HF:]
***
HF Ub3r
Posts:
1,785
Threads:
451
Credibility:
900
Popularity:
287
βytes:
β 226.28
Game XP:
39
Sep 29, 2016 08:48 PM
Not vertically buddy. I mean the logo centering in line with everything, and also the subtext under it. Does it seem centered to you? It may just be my eyes tricking me.
Two-Ton 21
Two-Ton 21 Offline
[closed@HF:]
Posts:
1,057
Threads:
31
DO NOT DEAL WITH THIS MEMBER
βytes:
β 0
Game XP:
0
Sep 29, 2016 08:51 PM (This post was last modified: Sep 29, 2016 08:56 PM by Two-Ton 21.)
On chrome and Android, it looks fine. Maybe it's your device?
SIM-2306826
SIM-2306826 Offline
[bin@HF:]
***
HF Ub3r
Posts:
1,785
Threads:
451
Credibility:
900
Popularity:
287
βytes:
β 226.28
Game XP:
39
Sep 29, 2016 08:59 PM
I think it's just my eyes I guess, thanks :)
Dostoevsky
Dostoevsky Offline
str x30, [sp, #-16]!
***
HF l33t
Posts:
790
Threads:
11
Credibility:
000
Popularity:
60
βytes:
β 0
Game XP:
0
Sep 30, 2016 01:17 AM
It may not look exactly centred but that's down to your font choice (variable-width fonts tend to look slightly off sometimes).
In terms of your actual HTML & CSS, I recommend not relying on a <br /> and instead using a <h1> around your logo "Bags" and some block container for your little sub-text.

Dostoevsky(const Dostoevsky&) = delete;
[Image: T4BXHDP.png]
⁠Cammy
⁠Cammy Offline
[closed@HF:]
Posts:
13,627
Threads:
283
DO NOT DEAL WITH THIS MEMBER
βytes:
β 0
Game XP:
0
Oct 1, 2016 06:41 AM
I don't know about you, but the only thing that looks off to me is the black bar.

Click to enlarge
[img=999x570]http://715.wf/sharex/images/png/YHOKC.png[/img]

Occurs on Opera, Edge and IE. Have not tested Firefox or Chrome.
SIM-2306826
SIM-2306826 Offline
[bin@HF:]
***
HF Ub3r
Posts:
1,785
Threads:
451
Credibility:
900
Popularity:
287
βytes:
β 226.28
Game XP:
39
Oct 1, 2016 02:10 PM
What size monitor are you using? That's a bit odd.
⁠Cammy
⁠Cammy Offline
[closed@HF:]
Posts:
13,627
Threads:
283
DO NOT DEAL WITH THIS MEMBER
βytes:
β 0
Game XP:
0
Oct 1, 2016 03:27 PM
(Oct 1, 2016 02:10 PM)SIM-2306826 Wrote:  What size monitor are you using? That's a bit odd.

15.6 inch 1080p laptop
SteezyHB
SteezyHB Offline
L66t Member
**
HF l33t
Posts:
204
Threads:
4
Credibility:
1800
Popularity:
42
βytes:
β 0
Game XP:
18
Oct 2, 2016 05:27 PM
doesn't seem off to me, and it is centered correctly;
[Image: 0b073f66e2ddfe198aa303589c8394f1.png]

What you could perhaps do is show the continue button below the input, but I don't think that would look very much better.

I like the way it is, very simple and clean.
FS Webdeveloper
SIM-2306826
SIM-2306826 Offline
[bin@HF:]
***
HF Ub3r
Posts:
1,785
Threads:
451
Credibility:
900
Popularity:
287
βytes:
β 226.28
Game XP:
39
Oct 3, 2016 08:48 AM
I'm confused by what the black bar is you guys are seeing. I do not see that..
Rushax
Rushax Offline
Professional Web Designer
***
HF Ub3r
Posts:
1,520
Threads:
70
Credibility:
000
Popularity:
35
βytes:
β 0
Game XP:
0
Oct 3, 2016 09:00 AM
I have a smaller screen than most and its showing a scroll bar for that page.
Set the #gradient{
height: 100%;
}
instead of 800px as it's far better allround for user experience :)
Web Designer / Developer & SEO Expert.

View Work
Earn 10% of the job you refer me to!

Skype aerox.design


SIM-2306826
SIM-2306826 Offline
[bin@HF:]
***
HF Ub3r
Posts:
1,785
Threads:
451
Credibility:
900
Popularity:
287
βytes:
β 226.28
Game XP:
39
Oct 3, 2016 10:35 AM (This post was last modified: Oct 3, 2016 11:05 AM by SIM-2306826.)
It is set to 100%, can you show me where it says 800px still?

Never mind. Figured out why. Thanks, it was caching.
Next Oldest | Next Newest
New Reply 


Possibly Related Threads...
Thread / Author Replies Views Last Post
by craigOwnsYouOct 31, 2019 12:47 PM 3 116 Oct 31, 2019 12:47 PM
Last Post: craigOwnsYou
by hot.dropApr 28, 2019 03:42 PM 3 132 Apr 28, 2019 03:42 PM
Last Post: Bluffer
by NZTAug 3, 2016 01:03 PM 4 114 Aug 3, 2016 01:03 PM
Last Post: NZT