Extended network banner, No border around image Options

[spnkythewndrmupt]

Alright, I've got a quick question about the extended network banner. I've got an image in there, and I want to know if it's possible to remove the border around it that's in my layout. I removed the border from the contact box without a problem, but when I tried doing the same thing with my banner, it didn't work.

I'm sure there's probably something that I'm not seeing thats most likely very simple, but whatever.

Here's my code:

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://img.photobucket.com/albums/v402/spnkythewndrmupt/7f89a960.gif');
    background-attachment:scroll;
    background-repeat:repeat;
    border-color:3399ff;
    border-width:3px;
    border-style: solid;
    scrollbar-face-color:333333;
    scrollbar-highlight-color:66ccff;
    scrollbar-3dlight-color:333333;
    scrollbar-shadow-color:66ccff;
    scrollbar-darkshadow-color:3399ff;
    scrollbar-arrow-color:3399ff;
    scrollbar-track-color:333333;
     }

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

table table table td {
    background-color:000000;
    filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80; }
table table table table td {filter:none;}
.contactTable {border:none;}

.mygen { Text Properties }
table, tr, td, li, p, div { font-family:arial; color:3399ff; font-size:10px;     }
.btext { font-family:arial; color:66ccff; font-size:9px; font-weight:bold;    }
.blacktext10 { font-family:arial; color:333333; font-size:9px; font-weight:bold;    }
.lightbluetext8 { font-family:arial; color:66ccff; font-size:10px; font-weight:bold;    }
.orangetext15 { font-family:arial; color:66ccff; font-size:12px; font-weight:bold;    }
.redtext { font-family:arial; color:66ccff; font-size:10px;     }
.redbtext { font-family:arial; color:3399ff; font-size:10px;     }
.text { font-family:arial; color:66ccff; font-size:10px;     }
.whitetext12 { font-family:arial; color:3399ff; font-size:10px; font-weight:bold;    }
a:active, a:visited, a:link { font-family:arial; color:66ccff; font-size:10px; font-weight:bold; text-transform: lowercase;   }
a:hover { font-family:arial; color:3399ff; font-size:10px; text-transform: lowercase;   }
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:arial; color:66ccff; font-size:10px; text-transform: lowercase;    }
a.navbar:hover { font-family:arial; color:3399ff; font-size:10px; text-transform: lowercase;    }
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:arial; color:66ccff; font-size:10px; font-weight:bold; text-transform: lowercase;   }
a.redlink:hover { font-family:arial; color:3399ff; font-size:10px; text-transform: lowercase;     }
.nametext { font-family:arial; color:66ccff; font-size:10px; font-weight:bold; text-transform: lowercase;   }

.mygen { Miscellaneous Properties }
img { filter:none;}
a:link img { filter:none; border-syle:solid; border-color:66ccff; border-width:2px;}
a:hover img { filter:Alpha(Opacity=50); border-color:3399ff; border-style:solid; border-width:2px}
body { cursor:crosshair;}
a:hover { cursor:nw-resize;}

b {
color: 66ccff; font-weight:bold;
}


</style>


<style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://img.photobucket.com/albums/v402/spnkythewndrmupt/10017268.gif");
background-repeat:no-repeat;
background-position:center center;
width:435px; height:75px; display:block !important;
font-size:0px; border:none; letter-spacing:-10px;}
span.blacktext12 span { display:none; }
span.blacktext12 img {display:none;}
</style>



<style type='text/css'> .contactTable { width:300px !important; height:150px !important; background-image:url('http://img.photobucket.com/albums/v402/spnkythewndrmupt/ContactBox.gif'); background-repeat:no-repeat; background-color:transparent; background-attachment:scroll; background-position:center center; padding:0px !important;} .contactTable table, table.contactTable td { background-color:transparent; background-image:none; padding:0px !important;} .contactTable a {display:block; height:28px; width:115px;} .r{} .contactTable a img {visibility:hidden; border:0px !important;} .contactTable .text {font-size:1px !important;} </style>

Thanks in advance. :)

[flc]

Try putting border: 0px instead of just "none."

[spnkythewndrmupt]

Where exactly would I put that? Under what kind of selector would it go under? Like, "table table table td {border:0px; }'?

I'm not sure what it's under in the first place, either. Like, I knew the contact table's properties were under .contactTable {border:none;}, you know?

I don't know if this is making any sense. XD, I don't know what words to use.

[flc]

</style>
<style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://img.photobucket.com/albums/v402/spnkythewndrmupt/10017268.gif");
background-repeat:no-repeat;
background-position:center center;
width:435px; height:75px; display:block !important;
font-size:0px; border: 0px; letter-spacing:-10px;}
span.blacktext12 span { display:none; }
span.blacktext12 img {display:none;}
</style>

Like that.

[spnkythewndrmupt]

</style>
<style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://img.photobucket.com/albums/v402/spnkythewndrmupt/10017268.gif");
background-repeat:no-repeat;
background-position:center center;
width:435px; height:75px; display:block !important;
font-size:0px; border: 0px; letter-spacing:-10px;}
span.blacktext12 span { display:none; }
span.blacktext12 img {display:none;}
</style>

Like that.

I thought that's what you meant... but the border still shows up. =/

It doesn't show up in the Edit Profile section, though. Only on the actual page. I'm thinking it may be just a Myspace thing... But I hope not, because it really bugs me because of the tacky-ness.

[flc]

Yeah, that happens to me a lot too.

Do you have that same exact HTML in your "Who I'd Like to Meet" section? If so, make the same change there. For some reason, whatever I change in my "About Me," I need to change in my "Who I'd Like to Meet" as well.

If you have no HTML there, add the same stuff you have in your "About Me" with the border: 0px thing I gave you and see what happens. =)

[spnkythewndrmupt]

Yeah, that happens to me a lot too.

Do you have that same exact HTML in your "Who I'd Like to Meet" section? If so, make the same change there. For some reason, whatever I change in my "About Me," I need to change in my "Who I'd Like to Meet" as well.

If you have no HTML there, add the same stuff you have in your "About Me" with the border: 0px thing I gave you and see what happens. =)

Sigh. It still didn't work. I think Myspace hates me, I really do.