making tables thinner Options

[lellymahpop]

my tables spread out so you end up having to scroll to the side to see the whole page. how do i fix this?

heres my layout code
cheers :)

<style type="text/css">

{ Layout from MyspaceMaster.net }

{ Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:fe378a;
background-image:url('http://i140.photobucket.com/albums/r6/cwm1021/layout_bg2/11859_top.jpg');
background-attachment:fixed;
background-position:top left;
background-repeat:no-repeat;
border-top-width:0px;
border-bottom-width:0px;
border-left-width:0px;
border-right-width:0px;
border-color:none;
border-style:solid;
padding-left:0px;
padding-right:0px;
}

.www.myspaceMaster.net { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table, tr, td { background-color:transparent; border:none; border-width:0;}
table table table {
border-style:solid;
border-width:0;
border-color:000000;
background-color:fd9bc4;
background-image:url('Enter Image URL');
background-repeat:repeat;
background-attachment:fixed;
background-position:top center;
filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; -khtml-opacity:0.90;
}
table table table table td {filter:none;}
table table table table {border:0px;}
td.text table, td.text table td {width:300px; padding:0px;}
td.text table table table table, td.text table table table table td {width:0px;}
table table td {width:10px;}
div table table td, table table table td {width:auto;}
td.text td.text table table div, td.text td.text table table a img {height:75px; width:65px !important; border-width:2px;}

{ Text Properties }
table, tr, td, li, p, div {font-size:10px !important; color:d90059 !important; }
.btext, .orangetext15, .nametext, .whitetext12 {font-size:10px !important; color:d90059 !important; font-weight:bold; font-style:normal; }
.blacktext10, .blacktext11, .blacktext12, .lightbluetext8, .redtext, .redbtext, .text {font-size:10px !important; color:d90059 !important; font-weight:bold; font-style:normal; }

{ Link Properties }
a:active, a:visited, a:link {color:d90059 !important; font-weight:normal; font-style:normal; }
a:hover {color:66CC33 !important; font-weight:normal; font-style:normal; }

{ Tweaks }
table {direction:rtl;}
table table table {direction:ltr;}

</style><div style="position:absolute;left:0px;top: 0px;..;"><a href="http://www.myspacemaster.net/" target="_blank"><img src="http://i140.photobucket.com/albums/r6/cwm1021/msmaster/button.gif" alt="Myspace Layouts" border="0" /></a><br /><a href="http://www.myspacemaster.net" target="_blank">MySpace Layouts</a></div><div style="position:absolute;right:5px;top:35px;border:1px dashed #666666;background-color:#FFFFFF;font-family:Verdana, Arial, sans-serif;padding: 5px; font-size:11px;..;line-height:15px;"><a style="color: #FF6600;" href="http://www.myspacemaster.net/" target="_blank" title="Get New MySpace Layouts"><b>MySpace Layouts</b></a><br /><a style="color: #FF6600;" href="http://www.myspacemaster.net/" target="_blank" title="Get New MySpace Codes"><b>MySpace Codes</b></a><br /><a style="color: #FF6600;" href="http://www.myspacemaster.net/" target="_blank" title="Get New MySpace Backgrounds"><b>MySpace Backgrounds</b></a><br /></div>

[*karmakiller*]

Look through your myspace and make sure that it's not a comment that's stretching it out... like a picture of a comment that's like "omigeeiloveuireallydoblahblahblah"

[FoxLucky]

Try this or this:

<style type="text/css">
td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:80px;}
td.text td.text table table td img {width:260px; max-width:260px; width:auto;}
td.text td.text table table td div img {width:80px;}
* html td.text td.text table table td img {width:260px;}
* html td.text td.text table table td a img {width:90px;}
* html td.text td.text table table td div img {width:80px;}
</style>