Getting rid of table borders, How? Options

[RoyalRiver]

How can I make ALL the tables without the borders? I also want them to look like that picture above.

CODE

<style type="text/css">.userprofileurl {display:none;}</style><style type="text/css">.extendednetwork {display:none;}</style><style type="text/css">a.text, table div font a, table div div {visibility:hidden;}</style><style type="text/css">
table td table tr td.text table {visibility:hidden;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
</style><style type="text/css">div table tr td form{display:none;}</style><style type="text/css">.contactTable { display: none }</style><style type="text/css">
}
body {
scrollbar-face-color: ffffff;
scrollbar-highlight-color: ffffff;
scrollbar-3dlight-color: E5E5E5;
scrollbar-shadow-color: ffffff;
scrollbar-darkshadow-color: ffffff;
scrollbar-arrow-color: E5E5E5;
scrollbar-track-color: ffffff;
}
</style><style type="text/css">table.latestblogentry {display: none;}</style><style type="text/css">
body {background-color:;
background-image:url("http://images.codemylayout.com/myspace-layouts/images/layouts/1204518323-890-0.gif");
background-position:left;
background-repeat:repeat;
background-attachment:fixed;}

table, tr, td, li, p, div {font-family:Arial Narrow; color:000000; font-size:10px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

textarea, input {font-family:century gothic; color:000000; font-size:11px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.nametext {font-family:georgia; color:black; font-size:30px; text-transform:lowercase; font-weight:normal; letter-spacing:-1px; line-height:25px; display:normal; text-align:center;}

.lightbluetext8 {font-family:century gothic; color:000000; font-size:10px; text-transform:lowercase; text-decoration:none; font-weight:normal; letter-spacing:-1px; line-height:12px;}

.blacktext12 {font-family:georgia; color:000000; font-size:12px; text-transform:lowercase; letter-spacing:-1.3px; text-decoration:none; font-weight:normal; line-height:12px;}

.blacktext10 {font-family:Arial Narrow; color:000000; font-size:9px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.orangetext15 {font-family:century gothic; color:000000; font-size:9px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.btext {font-family:Arial Narrow; color:000000; font-size:9px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.redtext {font-family:century gothic; color:000000; font-size:12px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.redbtext {font-family:century gothic; color:000000; font-size:12px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.text {font-family:Arial Narrow; color:000000; font-size:9px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.whitetext12 {font-family:century gothic; color:000000; font-size:11px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

a:active, a:visited, a:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link {font-family:century gothic; color:black; font-size:11px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:10px;}

a:hover, a.redlink:hover {font-family:violation; color:000000; font-size:10px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:10px;}

a.navbar:hover {font-family:century gothic; color:black; font-size:9px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}
</style><style type="text/css">
.commentlinks a { font-weight:normal; font-size:9px; }
</style><style type="text/css">
body, html {visibility:visible !important; display:block !important}
</style><style type="text/css">
.commentlinks a { font-weight:normal; font-size:9px; }
</style><style type=text/css>
#tkn_leaderboard{visibility:visible !important; display:inline !important;}
body TABLE TD DIV#header_gae { VISIBILITY: visible !important;}

body DIV DIV select#profileaction{VISIBILITY: visible !important; display:inline !important; position:static; WIDTH: 125px !important;}
body DIV DIV DIV#profilelinks{ VISIBILITY: visible !important; display:inline !important; position:static; padding-right:15px; }

body DIV TABLE TD DIV#googlebar
{
VISIBILITY: visible !important;
display:block !important;
position:relative;
..;
}

body DIV DIV form #q,
body DIV DIV form #t,
body DIV DIV form #submitBtn,
body DIV DIV form #imgGoogle
{
VISIBILITY: visible !important;
display:inline !important;
position:static;
}

select {position:static !important; top:inherit !important;}

.photoDisplaySmall
{
width:56px;
}
div.photoThumbnail div.thumb
{
padding:0px !important;
border: none !important;
float: left !important;
}
</style><style type="text/css">
body, html {visibility:visible !important; display:block !important}
</style>

[MissHygienic]

I would add this to every table you want the borders to be gone:

CODE

border: 0px;

[RoyalRiver]

Ok I can't figure out where to add that code to. Will someone help?

[Jghelfi]

OKay, i put it at the end, so try it now,.

CODE

body {  scrollbar-face-color: ffffff;  scrollbar-highlight-color: ffffff;  scrollbar-3dlight-color: E5E5E5;  scrollbar-shadow-color: ffffff;  scrollbar-darkshadow-color: ffffff;  scrollbar-arrow-color: E5E5E5;  scrollbar-track-color: ffffff;  border: 0px; } </style>

[miyashu]

find this part in your code:

CODE

table, tr, td, li, p, div {font-family:Arial Narrow; color:000000; font-size:10px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

and add in the code that miss hygienic gave you. make sure it's between the parentheses.

i'm just wondering but, do you have any codes in your interests or heroes section? if you do, could you please copy and paste those here? i just need to make sure that you're providing your entire code, not just the ones in the 'about me' section.

[RoyalRiver]

miyashu: It worked! Thank you very much. The code that I have given is the entire layout code. I'm wondering also, about the white grid lines in the tables. Is there any way I could get rid of them?
This is what the layout looks like now: http://www.myspace.com/islandgirl_roxy