blank space between my "thinner" tables, how do i make it smaller? Options

[helpmeout]

I used this code to make my tables thinner: http://www.createblog.com/scripts/download.php?id=101


but since then, there is space between my left tables and my right tables. is there a way to decrease this space? in the code, i played around with the second number (the % number) but it didn't change anything. please help?

[*This Confession*]

CODE

<style>
table table td {padding:1px;}
table table table td {padding:0px;}
table table table {width:500px !important;}
</style>

may want to add this as well with it though

CODE

td.text td a img {width:auto !important;}
table table table table table,
table table table table table td {
width:0px !important; padding:0px !important;}
td.text a img {width:100px !important;}
td.text td.text a img {width:35px !important;}
td td td div strong {width:170px !important; display:block;}
</style>

[helpmeout]

thanks, but...when i put in that first code alone, it doesnt change anything. and when i add the second code with it, my tables are closer together, but the tables themself are stretched out really wide. do you know whats wrong?

[*This Confession*]

hmm sorry
try this

CODE

<style>
table table td img {display:none;}
table table table td img {display:inline;}
table td td {width:0px;}

table table td {padding:1px;}
table table table td {padding:0px;}
table table table {width:300px !important;}

td.text td a img {width:auto !important;}
table table table table table,
table table table table table td {
width:0px !important; padding:0px !important;}
td.text a img {width:100px !important;}
td.text td.text a img {width:35px !important;}
td td td div strong {width:170px !important; display:block;}

span, font, a, table, td, div, b {font-size:7px !important;}

object {display:block; width:300px;}
.orangetext15, .blacktext10 {
display:block; width:110px; font-size:6pt !important;}
td.text td.text table table div {display:none;}
</style>

may want to change the font size in that as well.


myspace link as well?

[helpmeout]

it seems like that shrunk my tables. i don't want my profile to be shrunken. :-/

i want them normal size (not shrunken, although i made them thinner with a code), just closer to one another, all while maintaining the "pushed to the left" profile format.


this is the link to my myspace, without any of the codes you gave me (to avoid confusion,so that you can see my original problem):

here

thanks..

[*This Confession*]

k
changed some
also if you go here.


you can see what i did

if you like it then here

CODE

<style>
table table td img {display:none;}
table table table td img {display:inline;}
table td td {width:0px;}

table table td {padding:1px;}
table table table td {padding:0px;}
table table table {width:250px !important;}

td.text td a img {width:auto !important;}
table table table table table,
table table table table table td {
width:0px !important; padding:0px !important;}
td.text a img {width:100px !important;}
td.text td.text a img {width:50px !important;}
td td td div strong {width:170px !important; display:block;}

object {display:block; width:250px;}
.orangetext15, .blacktext10 {
display:block; width:110px; font-size:6pt !important;}
td.text td.text table table div {display:none;}
</style>

also in your comment box code
you need to chang the cols to 30

cols="30" rows="7"

and in your about me you had
<style type="text/css"> body{ padding-right: 200px; }</style>

change the 200 to 300

[helpmeout]

ok, i tweaked the code you gave me and i like it! but it's not to the left anymore....any idea how to get it to the left again? when i use the code:

<style type="text/css">
body{
padding-right: 300px; }</style>

it doesn't do anything. and the bigger i make the number, it just increases the size on the right but doesn't push my tables to the left. it just causes a scrollbar to appear along the bottom? help? i really appreciate this help

[*This Confession*]

hmm well


you don't need to put anything in the extended network
because it will just make the tables further apart again..
so you need to take that out..

and i can't quite figure out why it won't move over to the left more..
i'll try figuring it out
but i doubt i will

[chauna1212]

Whts the lunk to ur page so we can see...so u have any examples of how you wnt it?

[helpmeout]

shauna, the link to my page is here: here


and i want my tables pushed to the left, like in this code: http://www.createblog.com/scripts/download.php?id=101


but the code is not working for me

[*This Confession*]

give me a min or so
i'll just re-do all your coding differently...


edit..
here
i re-did the code..

CODE

<style type="text/css">
table, td {background-color:transparent; border:none; border-width:0;}
body{background-image:url("http://img.photobucket.com/albums/v512/whatever54321/puffy.png");
background-attachment: fixed;
background-position: bottom right;
background-repeat: no-repeat;
background-color: ffffff; }

body{
padding-right: 400px; }

div table form tr td {visibility:hidden!important; height:0px!important;}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}
table table table {border: 2px solid; border-color:FDCB15;  padding:0; background-color: EA4299;}
table tbody td table tbody tr td.text table{background-color:transparent;}
table table{border:0px;}
table table table table{border:0px;}
{table & border attributes}
table table table {border:2px solid; border-color:FDCB15; padding:1; width:250; height:20; background-color: EA4299;}
table tbody td table tbody tr td.text table{background-color:EA4299;}table table{border:1px;}table table table table{border:1px;}
table table{border:1px}
table table table table{border:1px}
font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {font-family: arial; color: 000000; font-size:11px; }
textarea, input {font-family: arial; font-size: 11px; color: 000000;
text-transform:lowercase; letter-spacing:0px; background-color:ffffff;border:1px solid black;cursor:crosshair;}
.btext {color: ffffff;}
.blacktext10 {font-size: 8px;color:FDCB15; }
.blacktext12 {font-size: 8px; color: FDCB15;}
.lightbluetext8 {color: FDCB15;}
.nametext {color: FDCB15;}
.orangetext15 {color:FDCB15;}
.redbtext, .redtext {color:FDCB15;}
.text {color: FDCB15;}
.whitetext12 {color: 000000;}
a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active,
a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active
{color: FDCB15; font-weight: normal;}
a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {color: transparent; background-color: transparent;}
b, stong
{font-weight:bold;font-size:8pt;line-height:10px;text-transform:lowercase;color: FFFFFF;letter-spacing:0px;font-family:arial;}
img { filter:none; border:0px;}
a:link img { filter: none; border:0px solid black;}
a:hover img { filter:none; border:0px solid black;}
body {cursor:;}
a:hover {cursor: help;}
TD TD {text-align: center;}
TD TD TD {text-align: center;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:center;}
TD TD TD TD TD {border-top: 0px solid black; text-align:center;}
TD TD TD TD TD TD {border: 0px solid;}
TABLE, TD {padding: 0px; text-transform: none; width:300px;}
TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE {padding: 1px; text-transform: none;height: .01%; width: 100%;}
TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
table td div div font {visibili-ty:hidden;di-splay:none;}
table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table table {border: 0px; text-align: justify; padding: 0px;}
table table td.text table td.text table table tbody td table, span.btext {display: none !important}
</style><div style="position:absolute;left:0px;top:0px;width:88px;height:31px;">
<a href="http://www.myspace.com/thisconfession_designs">This Confession</a></div>
<STYLE TYPE="text/css">
body {
    scrollbar-face-color:FDCB15;
    scrollbar-highlight-color:EA4299;
    scrollbar-3dlight-color:EA4299;
    scrollbar-shadow-color:EA4299;
    scrollbar-darkshadow-color:EA4299;
    scrollbar-arrow-color:EA4299;
    scrollbar-track-color:FDCB15;
     }</STYLE>

put it in your about me..


once again to see what it will look like now..

ALSO
change the cols for your comment box to 40
or it will stretch the table out
and it won't look right.

[helpmeout]

thanks...but is there a way to get rid of the scrollbar that now appears along the bottom of the page? :-/

[chauna1212]

You can make your scrollbars transparent? if thts wht you mean?

[helpmeout]

well i want my side scrollbar to show...i just don't know why there's a scrollbar on the bottom now. i don't want one there

[chauna1212]

oh...i see wht u mean ill try to find a code

[*This Confession*]

you can't get rid of that
unless you go change that code to make your profile go to the left more
because you changed the number to high to make that scroll bar show...

[helpmeout]

what do u mean, "unless you go change that code to make your profile go to the left more"?

when i lower the number to, say,300, i have the same problem i had a few posts ago. it doesnt move to the left, there's too much space on the left. almost like a block of padding

[*This Confession*]

body{
padding-right: 175px; }


change that.
it works..
the code i gave you of a whole new layout should work..
unless your changing it in some way..that you shouldn't be..