Replies

Sep 26, 2017 8 years ago
Synth
is the sole survivor
User Avatar

Hi, I'm pretty much a noob at this stuff but I suddenly decided to make myself a profile, and I have a couple questions. I appreciate any help anyone can give; thanks!

  1. I'm only using one column on my profile and I'd like it centered. Is there any way to do that automatically, like no matter what screen size it's being viewed from? This is the code I'm using currently: {position:absolute; left: 350px; top: 800px; width: 500px; height: 500px;} I set the left alignment at 350 because that seems to be pretty centered-looking on my screen but I assume results will vary on other screens. Is there just, like, a code to center it? Everywhere I've tried just plugging in the word "center" doesn't seem to work lol.

  2. The navigation links from the top of my profile ended up in a vertical column on top of my background image. I'm not sure what part of my code did that (since by default they stretch horizontally and inoffensively across the top of the page). Is there a simple way to put them back at the top, or failing that, remove them entirely? (I can put the links in a content box if it's a rule that I must have them displayed...is that a rule?)

I BITE FOR ALL ZOMBIE STRAINS

EVENT ACTIONS

[egg=Synth]

[tp=Synth]

Sep 26, 2017 8 years ago
jensen
rolled snake eyes
User Avatar
RM

you can sidestep the whole thing by using the second column instead; that's what i did (i did end up using left:-40px; to push the column over a little, but that's personal preference).

you can hide the nav links entirely {display:none;} or you can style them, this just keeps it in the top left-ish corner {background: transparent; position:absolute; left:0px; top:0px;}i referenced [locked] - help with user profile 'cause it was the first search result but there's a few free user profiles floating around that might have more interesting navigation styling to reference. like, [topic not found] chen's also has the navigation links styled, and i know there's some other neat ones floating around

oh sacred spork, smite mine enemies

Sep 26, 2017 8 years ago
Synth
is the sole survivor
User Avatar

Thank you so much for replying! Got rid of those pesky nav links; that was easy! Centering my column, not so much. I moved the code around, and it does seem to be displaying a different column now (has different widgets in it), but it's still left-aligned. So what I've got for columns looks like this now: {display:none;}

{position:absolute; left: 0px; top: 800px; width: 500px; height: 500px;}

{display:none;} I'm guessing I need to do something other than display:none for 1 so it remains as a placeholder? But I can't just leave it blank or else it puts everything at the top of the page. I have no idea though. If I'm clearly just beyond help, don't worry about it lol

Edit: I put it back the way it was for now, need to get to bed. Will work on this more later though.

I BITE FOR ALL ZOMBIE STRAINS

EVENT ACTIONS

[egg=Synth]

[tp=Synth]

Sep 26, 2017 8 years ago
jensen
rolled snake eyes
User Avatar
RM

you can leave the extra columns empty, and column2 should stay in the middle like it always does (and you can't see empty columns anyhow). it'll just look a little silly when you edit your widgets since the empty columns should remain in the default position and that means they'll be higher up on the page. if you want to use columnX, columnY {display:none;} you'll have to manually position the remaining one o:

oh sacred spork, smite mine enemies

Sep 26, 2017 8 years ago
Oh My Shinwa, we thought
FallenSamurai
was dead
User Avatar
Ruusu

Here are some modifications I made to make the first column (left column) center.

body { width: 100% !important; }

{ width: 100% !important; }

.div_float { float: none !important; width: 100% !important; }

ul#column1 { padding: 0px !important; margin: 0px auto !important; position: relative !important; top: 800px; width: 500px; }

You do not need to add a height unless you want that section to scroll if the content inside goes over 500px. Then add overflow: auto.

[Kiss=fallensamurai]
Get updated on freebies, join #subetagfx!

Sep 27, 2017 8 years ago
Synth
is the sole survivor
User Avatar

Thank you both a ton for your help! I'm stuck at work a few more hours but I'll muddle through and get this figured out when I get home. I think I get what I need to do...maybe haha

Edit: Yep, got it how I wanted it, thanks so much! :)

I BITE FOR ALL ZOMBIE STRAINS

EVENT ACTIONS

[egg=Synth]

[tp=Synth]

Sep 27, 2017 8 years ago
jensen
rolled snake eyes
User Avatar
RM

np, happy to help! & thank you for the gift. i'm glad your profile was quick to get together, it came out really well :)

oh sacred spork, smite mine enemies

Sep 27, 2017 8 years ago
Synth
is the sole survivor
User Avatar

Thank you! It is admittedly pretty simple, that's all I wanted to do for now though. Maybe I'll feel like getting fancy and learning more code later. :)

I BITE FOR ALL ZOMBIE STRAINS

EVENT ACTIONS

[egg=Synth]

[tp=Synth]

Please log in to reply to this topic.