Profile Code For Columns Closer To Eachother

C
R
E
A
T
E

A
D

Subeta Forums > Profiles & Graphics Discussion

#1 :: August 18th, 2012 @ 2:45 PM

is Darksided!

650 Posts
418 Achievements

HI! Is there any code where i can make the 3 columns a bit closer to eachother ? Ive looked everywhere and cant seem to find one. I have a little OCD With Even-ness. LOL.

#2 :: August 18th, 2012 @ 5:13 PM

Is a Master Chef!

9,527 Posts
1,248 Achievements

@ - there are a few ways you can accomplish this. The space between the columns is not a set number or area, it comes about based on the width, padding, and location of the columns. You can increase the width of your columns, you can physically place the columns closer together or you can change things like margins. This webpage is a good place for info.

Examples:
Code:

To change the location of the columns, use the following, and change the XXX to whatever number works for you:
#column1 {position: absolute; top: XXXpx; left:XXXpx;}
#column2 {position: absolute; top: XXXpx; left:XXXpx;}
#column3 {position: absolute; top: XXXpx; left:XXXpx;}

Code:

#column1 {width: XXXpx;}
#column2{width: XXXpx;}
#column3{width: XXXpx;}

Code:

#column1 {padding: XXpx; margin: XXpx;}
#column2 {padding: XXpx; margin: XXpx;}
#column3 {padding: XXpx; margin: XXpx;}

Visit my pet Acajou--Visit my pet Noisette

#3 :: August 18th, 2012 @ 5:13 PM

is a Skilled Hooker

4,895 Posts
767 Achievements

@

try adding into your profile block

Code:

<style>
#column1, #column2, #column3 {width:300px; padding:5px; margin:5px;}
#column1{position:absolute; left:10px;}
#column2{position:absolute; left: 330px;}
#column3{position:absolute; left:650px;}
</style>

art tumblr

Last Edit by: Chen 8/18/12 - 5:15:06 pm

#4 :: August 18th, 2012 @ 5:18 PM

is Darksided!

650 Posts
418 Achievements

@ You think you could give me an estimate of the numbers i would need for the first code you gave me ? Btw thank you!

@ Awww thank you ! but it didnt quite work

#5 :: August 18th, 2012 @ 5:22 PM

is a Skilled Hooker

4,895 Posts
767 Achievements

@

um... you might want to tell me what part doesn't work if you want me to help?
You'll most likely have to fiddle with the numbers yourself, to suit your own needs.

art tumblr

#6 :: August 18th, 2012 @ 5:25 PM

is Darksided!

650 Posts
418 Achievements

@ When i put it in i messed with the numbers a bit, but it seems to shrink the width of the columns instead of bring them closer together.

#7 :: August 18th, 2012 @ 5:28 PM

is a Skilled Hooker

4,895 Posts
767 Achievements

@

that means we need to override whatever other code is already on the page

Code:

<style>
#column1, #column2, #column3 {width:300px; padding:5px; margin:5px; position:absolute!important; top:20px!important;}
#column1{left:10px!important;}
#column2{left: 330px!important;}
#column3{left:650px!important;}
</style>

art tumblr

#8 :: August 18th, 2012 @ 5:28 PM

Is a Master Chef!

9,527 Posts
1,248 Achievements

@
The code gave you looks like a good starting point. Just change the numbers bit by bit. If you feel there's still too much room between the columns, change the width to 310px. Or play around with the left values. You shouldn't really need the top value I put in my first post, because it doesn't sound like you need to change that.

Visit my pet Acajou--Visit my pet Noisette

#9 :: August 18th, 2012 @ 5:32 PM

is Darksided!

650 Posts
418 Achievements

@ @ Alright ill be going to try it out now.

EDIT: Hmm, i messed with it some more but when i go and try to change it again , it hides the screen to edit. I had my original profile on another tab ready to publish if the code would of messed it up.

Last Edit by: myshytta 8/18/12 - 5:35:56 pm

#10 :: August 18th, 2012 @ 5:42 PM

Is a Master Chef!

9,527 Posts
1,248 Achievements

@
I assume you're using the profile box on your profile page? If that's giving you problems you can try using the profile editor in the Preferences page under Profile, might work better...might not,but you can try it.

Visit my pet Acajou--Visit my pet Noisette

#11 :: August 18th, 2012 @ 5:43 PM

is Darksided!

650 Posts
418 Achievements

@ ohh i never knew about that ! lol, yes i would always go to the edit profile on my page. & thank you , will try.

#12 :: August 18th, 2012 @ 5:43 PM

is a Skilled Hooker

4,895 Posts
767 Achievements

@

getting rid of the little bit of code
Code: