table alignments Options

[adntigger710]

Hey everyone! I'm currently designing a new layout with some of the code from my old layout. The tables are aligned to meet in the center, and all the extra space is on the left and right sides. I know that when I add my content my image will be hidden by most of it. Since my background image is centered, I want the tables to run along the left and right sides, respectively, so you can see the background image. I guess you could say like this page... http://profile.myspace.com/index.cfm?fusea...iendID=69084011 . If her table wasn't so stretched out because of that pic it would be pretty much just what I was looking for, with the middle open instead of the sides. Here's my page... http://profile.myspace.com/index.cfm?fusea...iendid=66573382 . In case you need my code, here it is...

CODE

<style type="text/css">
.mygen { Created using MyGen 2.5 - www.mygen.co.uk }

.mygen { Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
    background-image:url('http://i18.photobucket.com/albums/b146/alicianocapiscia/supermanretbglong.jpg');
    background-attachment: fixed;
    background-position:top center;
    background-repeat:no-repeat;
    scrollbar-face-color:7B0002;
    scrollbar-highlight-color:444444;
    scrollbar-3dlight-color:AB4A00;
    scrollbar-shadow-color:888888;
    scrollbar-darkshadow-color:333333;
    scrollbar-arrow-color:222266;
    scrollbar-track-color:EEAA22;
     }

.mygen { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
    border-style:solid;
    border-width:1px;
    border-color:EEAA22;
    background-color:transparent;
               }

.mygen { Text Properties }
table, tr, td, li, p, div {  color:FFFFFF;      }
.btext {  color:FFFFFF;      }
.blacktext10 {  color:FFFFFF;      }
.blacktext12 {  color:FFFFFF;      }
.lightbluetext8 {  color:EEAA22;      }
.orangetext15 {  color:EEAA22;      }
.redtext {  color:FFFFFF;      }
.redbtext {  color:EEAA22;      }
.text {  color:EEAA22;      }
.whitetext12 {  color:EEAA22;      }
a:active, a:visited, a:link {  color:FFFFFF;      }
a:hover {  color:AA2222;      }
a.navbar:active, a.navbar:visited, a.navbar:link {  color:EEAA22;      }
a.navbar:hover {  color:AA2222;      }
a.redlink:active, a.redlink:visited, a.redlink:link {  color:EEAA22;      }
a.redlink:hover {  color:AA2222;      }
.nametext {  color:EEAA22;      }

.contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url("http://i18.photobucket.com/albums/b146/alicianocapiscia/smct.jpg"); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; background-color:transparent;}
.contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px!important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px!important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}

table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://i18.photobucket.com/albums/b146/alicianocapiscia/supermanretbanner2.jpg");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:435px; height:212px; display:block !important; }
span.blacktext12 img {display:none;}


.mygen { Miscellaneous Properties }
tr {background:transparent;}
body table div font a, body table div div {visbility:hidden;}
body table table div font a, body table table div div {visibility:visible;}
</style>

[freeflow]

So what exactly are you asking?
How to get this myspace
http://profile.myspace.com/index.cfm?fusea...iendID=69084011
To not stretch tables?

Or to fix your myspace? The thing about yours is what are you trying to show?

[adntigger710]

No, not really. that was just a random page that I found that seemed to have the table alignment that I wanted, but now taking a second look at it it seems as though her tables are to the sides because of her huge picture she has there. My page ... http://profile.myspace.com/index.cfm?fusea...iendid=66573382 ... kinda looks like this right now:



with the tables aligned in the middle.

I want it to look more like this:


With the tables aligned along the outside edges, so you can see the background better, as displayed above. Is there a code to do this? Thanks so much for your help!

[freeflow]

Thats not really possible. Without a div overlay.
You cam try this script:
http://www.createblog.com/scripts/download.php?id=101
But Otherwise without a div overlay I don't think its possible to spread your tables out like you want them.