A simple question, How do I move these? Options

[deviouscore]

Hi!

I have a pretty simple question. This is my profile: http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=3765592 ://http://profile.myspace.com/index.cf...iendid=3765592 ://http://profile.myspace.com/index.cf...iendid=3765592

I just want to move the two areas of text "outwards" so that you can see my picture better. Can anyone help me??? This is the code that I have currently (sorry I know it's a bit messy)

CODE

<style type="text/css">
.bbzs1 {content:"Body Properties";}
body {
  background-color:555555;
  background-image:url('http://i106.photobucket.com/albums/m267/thebentfork/hookycat.jpg');
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment:fixed;
}

.bbzs2 {content:"Table and Section Properties";}
table, tr, td {background:transparent; border:0px;}
table table table {background:transparent;}
table table table td {
  background-color:CCCCCC;
  filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8;
}
table table table table td {filter:none;}
table table table {
  border-width:0px;
  border-color:transparent;
  border-style:ridge;
}
table table table table {border:0px;}

.bbzs3 {content:"Text and Link Properties";}
input {background-color:transparent !important;}
td, span, div, input, textarea, a, table td div div font,
div table tr td font {font-family:Georgia !important;}
td, span, div, input, textarea, table td div div font,div table tr td font {color:000000 !important; font-size:10pt !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12, .blacktext12 span,.redtext, .redbtext, .blacktext10, .btext {color:FFFFF0 !important; font-size:9pt !important;}
a {color:000000 !important; font-size:9pt !important;text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
a:hover {color:000000 !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}

.bbzs4 {content:"Other Properties";}
img {border:0px;}

.bbzProfileGenerator {version:1.3;}
.moreCSS {content:"Additional CSS go under this line.";}

</style>

Thanks heaps,

Liza

[freeflow]

Try this or This. The second one does space it out.

[deviouscore]

For some reason my computer won't let me see the first link. I tried the second one and I can get the tables thinner but not spread apart. Sorry I'm a bit of a tech loser but someone help!!! Thanks heaps

[deviouscore]

Yep I tried again and I can still only seemingly change the size but I'm a bit of an unco. This is so annoying as it was all perfect but then My profile lost all its info after the power outage and it never came back. Can someone please help me!!!

[GREASEbaby]

I added padding-left: 450px; to your layout code. You can adjust it if you'd like.

CODE

<style type="text/css">
.bbzs1 {content:"Body Properties";}
body {
  background-color:555555;
  background-image:url('http://i106.photobucket.com/albums/m267/thebentfork/hookycat.jpg');
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment:fixed;
padding-left: 450px;
}

.bbzs2 {content:"Table and Section Properties";}
table, tr, td {background:transparent; border:0px;}
table table table {background:transparent;}
table table table td {
  background-color:CCCCCC;
  filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8;
}
table table table table td {filter:none;}
table table table {
  border-width:0px;
  border-color:transparent;
  border-style:ridge;
}
table table table table {border:0px;}

.bbzs3 {content:"Text and Link Properties";}
input {background-color:transparent !important;}
td, span, div, input, textarea, a, table td div div font,
div table tr td font {font-family:Georgia !important;}
td, span, div, input, textarea, table td div div font,div table tr td font {color:000000 !important; font-size:10pt !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12, .blacktext12 span,.redtext, .redbtext, .blacktext10, .btext {color:FFFFF0 !important; font-size:9pt !important;}
a {color:000000 !important; font-size:9pt !important;text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
a:hover {color:000000 !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}

.bbzs4 {content:"Other Properties";}
img {border:0px;}

.bbzProfileGenerator {version:1.3;}
.moreCSS {content:"Additional CSS go under this line.";}

</style>

[deviouscore]

Thankyou so much for your help but I just reread my post and realised I need to clarify...

What I want to do is move each column of tables apart so that there is more space in the middle of them. I want my picture to be in the middle peeking through the two columns. So: I want to move the pic/interests/music/movies etc column a bit to the left and then the About me/survey/friends/comments column to the right so that there is a slightly bigger gap in the middle of these so you can see my picture a bit. Thankyou very muchly in advance ! :-)

[GREASEbaby]

okay.

CODE

<style>
table table table table table table {width: 25%;}
</style>

you can play around with the percentage.