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!
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.
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?)
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
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.
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:
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.
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! :)