2 replies [Last post]
gu_10
Offline
newbie
Last seen: 3 years 32 weeks ago
Timezone: GMT-4
Joined: 2010-09-03
Posts: 2
Points: 3

Hello, first post here, I realize some of you may frown upon myspace coding issues... Well, hopefully my question is easy for you guys. Ok, my code works beautifully in firefox, safari, chrome, even on my droid incredible...but not so much on internet explorer. I am working on this myspace for a band, no music on yet.. but itll be good stuff! Anyway, www.myspace.com/boardroomheroes there is this horizontal bar that says check us out on: and there are different colored rectangles. underneath those rectangles are little images for itunes, purevolume, twitter etc... I put those colored rectangle as a guide to see that the clickable area covered only the image below it, I will make those link spaces invisible. I realize this may be a sort of ghetto way to do things, but it worked on most browsers except IE. Well here's my question, can I put in some code so that knows when someone on IE is viewing it? The myspace code the person would 'see' would therefore apply to their respective browsers...

im sorry for ramblin...please help, thank you!

<table cellpadding="0" cellspacing="0" style="background:FFFFFF url();border:0px;position:absolute;top:0px;left:0px;height:130px;width:800px"><tr><td valign="center"><center><http://a.imageshack.us/img34/7650/thisshouldcoverbanner.png><width="468" height="60"></center></td></tr></table>
 
 
<style>body{overflow-x:hidden}</style>
 
<style>
table.latestblogentry {position:relative; top:20px;}
</style>
<img src="http://a.imageshack.us/img838/3822/clearspaceblockingabout.png" border='0' /><p>
 
 
 
THIS IS A TEST BIO!! FOR BOARD ROOM HEROES!!THIS IS A TEST BIO!! FOR BOARD ROOM HEROES!!
THIS IS A TEST BIO!! FOR BOARD ROOM HEROES!!THIS IS A TEST BIO!! FOR BOARD ROOM HEROES!!
THIS IS A TEST BIO!! FOR BOARD ROOM HEROES!!THIS IS A TEST BIO!! FOR BOARD ROOM HEROES!!THIS IS A TEST BIO!! FOR BOARD ROOM HEROES!!
 
<style> 
.contactTable { 
width:300px !important; 
height:150px !important; 
background-image:url("http://img.photobucket.com/albums/v688/gu_10/contactbox.jpg"); 
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;
} 
.contactTable a img {
visibility:hidden; 
border:0px !important;
} 
.contactTable .text {font-size:1px !important;} 
</style> 
<br />
<style>
.i {display:none;}
{!-Create space for image above body-!}
body.bodyContent, body, i i i.x {margin-top:6px;}
div.profileWidth table div ul, div.clearfix i i.i {top:760px !important;}
</style>
 
<style>.orangetext15{ display:none; visibility:hidden; }</style>
 
<style>
.a {hide about me row}
tr[id="about me"] {display:none;}
</style>
 
<style>
td.subnavItems,
div table td a.navbar img {display:none;}
</style>
 
<div class="topimage1">
<img src="http://a.imageshack.us/img830/9120/toppershiftedbannerstyl.png" border="0" /></a>
</div>
 
<style>table table {margin-top:0px;}
div table table, table table table {margin-top:0;}
.topimage1 {width:0px; height:0px; position:absolute; top:0px; left:50%; margin-left:-452px; text-align:center;}</style>
</style>
 
<div class="greendivider">
<img src="http://a.imageshack.us/img687/3897/greendivider2.png" border="0" /></a>
</div>
 
<style>table table {margin-top:0px;}
div table table, table table table {margin-top:0;}
.greendivider {width:0px; height:0px; position:absolute; top:1165px; left:50%; margin-left:-452px; text-align:center;}</style>
 
 
<div class="biostrip">
<img src="http://a.imageshack.us/img831/534/biostrip.png" border="0" /></a>
</div>
 
<style>table table {margin-top:0px;}
div table table, table table table {margin-top:0;}
.biostrip {width:0px; height:0px; position:absolute; top:1680px; left:50%; margin-left:-58px; text-align:center;}</style>
 
 
<style>
body {
background-color: 000000;
background-image: url(<a href="http://a.imageshack.us/img411/334/brickbackground2.png" rel="nofollow">http://a.imageshack.us/img411/334/brickbackground2.png</a>);
background-position: center center;
background-repeat: repeat;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 0px;
}
</style>
 
<style>
table table {
border: px;
}
table table table table{
border:px;
}
table table table {
border-width: px;
border-color: rgb(, , );
border-style: outset;
background-color: transparent;
}
table table table td {
background-color: rgb(, , );
}
table table table table td {
filter:none;
}</style> <style>
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
font-family: Trebuchet MS;
font-size: px;
color: ffffff;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.nametext {
padding: 5px;
font-family: Verdana;
font-size: px;
color: rgb(, , );
font-weight: bold;
font-style: normal;
text-decoration: none;
display: block;
}
.whitetext12, .orangetext15 {
font-family: Verdana;
font-size: px;
color: rgb(, , );
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color: 1ea44b;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: cc0000;
font-weight: bold;
font-style: normal;
text-decoration: underline;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
</style>  
 
 
<style>
.nametext {display:block; font-size:0%; width:100%;
 
background-image:url(<a href="http://img.photobucket.com/albums/v688/gu_10/tape2.png" rel="nofollow">http://img.photobucket.com/albums/v688/gu_10/tape2.png</a>);
 
background-position:center center; background-repeat: no-repeat; height:144px; margin:0px;
 
padding:0px;}
</style>
 
<div class="sticker">
<div>
<table cellspacing="0" cellpadding="0">
<tr><td><a href="PUTLINKTOSTOREHERE!!!!!!!!!!!!!!!!" target="_blank"><img src="http://a.imageshack.us/img689/5172/littlebuyadthingtranspa.png" width="262" height="304" border="0" style="margin-left:25px" /></a></td>
</tr>
 
</table>
</div>
<style>
.sticker { position: absolute; top:0%; margin-top: 850px; left: 50%; height: 0px; width: 0px; overflow: visible; background-color: transparent; margin-left: -430px; text-align: left; z-index:5;}
*html { position: absolute; top:0%; margin-top:0px; left: 0%; height: 10px; width: 320px; overflow: visible; background-color: transparent; margin-left: 0px; text-align: left; z-index:3;}
</style>
 
<div class="ituneslink">
<div>
<table cellspacing="0" cellpadding="0">
<tr><td><a href="http://www.google.com" target="_blank"><img src="http://a.imageshack.us/img704/2728/ituneslinkspacev.png" width="72" height="25" border="0" style="margin-left:0px" /></a></td>
</tr>
 
</table>
</div>
<style>
.ituneslink { position: absolute; top:0%; margin-top: 326px; left: 50%; height: 0px; width: 0px; overflow: visible; background-color: transparent; margin-left: 206px; text-align: left; z-index:5;}
*html { position: absolute; top:0%; margin-top:0px; left: 0%; height: 25px; width: 72px; overflow: visible; background-color: transparent; margin-left: 0px; text-align: left; z-index:3;}
</style>
 
<div class="amazonlink">
<div>
<table cellspacing="0" cellpadding="0">
<tr><td><a href="http://www.amazon.com" target="_blank"><img src="http://img36.imageshack.us/img36/5696/amazonlinkspace.png" width="85" height="28" border="0" style="margin-left:0px" /></a></td>
</tr>
 
</table>
</div>
<style>
.amazonlink { position: absolute; top:0%; margin-top: 1px; left: 50%; height: 0px; width: 0px; overflow: visible; background-color: transparent; margin-left: 82px; text-align: left; z-index:5;}
*html { position: absolute; top:0%; margin-top:0px; left: 0%; height: 28px; width: 85px; overflow: visible; background-color: transparent; margin-left: 0px; text-align: left; z-index:3;}
</style>
 
<div class="lastfm">
<div>
<table cellspacing="0" cellpadding="0">
<tr><td><a href="http://www.lastfm.com" target="_blank"><img src="http://a.imageshack.us/img20/816/lastfmlinkspace.png" width="80" height="21" border="0" style="margin-left:0px" /></a></td>
</tr>
 
</table>
</div>
<style>
.lastfm { position: absolute; top:0%; margin-top: 2px; left: 50%; height: 0px; width: 0px; overflow: visible; background-color: transparent; margin-left: 96px; text-align: left; z-index:5;}
*html { position: absolute; top:0%; margin-top:0px; left: 0%; height: 21px; width: 80px; overflow: visible; background-color: transparent; margin-left: 0px; text-align: left; z-index:3;}
</style>
 
<div class="facebooklink">
<div>
<table cellspacing="0" cellpadding="0">
<tr><td><a href="http://www.facebook.com" target="_blank"><img src="http://a.imageshack.us/img203/5431/facebooklinkspace.png" width="55" height="21" border="0" style="margin-left:0px" /></a></td>
</tr>
 
</table>
</div>
<style>
.facebooklink { position: absolute; top:0%; margin-top: 0px; left: 50%; height: 0px; width: 0px; overflow: visible; background-color: transparent; margin-left: 93px; text-align: left; z-index:5;}
*html { position: absolute; top:0%; margin-top:0px; left: 0%; height: 21px; width: 55px; overflow: visible; background-color: transparent; margin-left: 0px; text-align: left; z-index:3;}
</style>
 
 
<div class="twitterlink">
<div>
<table cellspacing="0" cellpadding="0">
<tr><td><a href="http://www.twitter.com" target="_blank"><img src="http://a.imageshack.us/img821/5826/twitterlinkspace.png" width="76" height="17" border="0" style="margin-left:0px" /></a></td>
</tr>
 
</table>
</div>
<style>
.twitterlink { position: absolute; top:0%; margin-top: 2px; left: 50%; height: 0px; width: 0px; overflow: visible; background-color: transparent; margin-left: 72px; text-align: left; z-index:5;}
*html { position: absolute; top:0%; margin-top:0px; left: 0%; height: 17px; width: 76px; overflow: visible; background-color: transparent; margin-left: 0px; text-align: left; z-index:3;}
</style>
 
 
<div class="ilikelink">
<div>
<table cellspacing="0" cellpadding="0">
<tr><td><a href="http://www.ilike.com" target="_blank"><img src="http://a.imageshack.us/img21/3961/ilikelinkspace.png" width="39" height="16" border="0" style="margin-left:0px" /></a></td>
</tr>
 
</table>
</div>
<style>
.ilikelink { position: absolute; top:0%; margin-top: 0px; left: 50%; height: 0px; width: 0px; overflow: visible; background-color: transparent; margin-left: 93px; text-align: left; z-index:5;}
*html { position: absolute; top:0%; margin-top:0px; left: 0%; height: 16px; width: 39px; overflow: visible; background-color: transparent; margin-left: 0px; text-align: left; z-index:3;}
</style>
 
<div class="purevolumelink">
<div>
<table cellspacing="0" cellpadding="0">
<tr><td><a href="http://www.purevolume.com" target="_blank"><img src="http://a.imageshack.us/img20/66/purevolumelinkspace.png" width="129" height="18" border="0" style="margin-left:0px" /></a></td>
</tr>
 
</table>
</div>
<style>
.purevolumelink { position: absolute; top:0%; margin-top: 0px; left: 50%; height: 0px; width: 0px; overflow: visible; background-color: transparent; margin-left: 52px; text-align: left; z-index:5;}
*html { position: absolute; top:0%; margin-top:0px; left: 0%; height: 18px; width: 129px; overflow: visible; background-color: transparent; margin-left: 0px; text-align: left; z-index:3;}
</style>
 
 
 
<style>
{!- make room at bottom of div.profileWidth -!}
div.profileWidth table {margin-bottom:1000px !important;}
{! apply banner as bkgd image !}
div.profileWidth{background-image:url(<a href="http://a.imageshack.us/img521/9637/newupperbrh3withadexten.jpg" rel="nofollow">http://a.imageshack.us/img521/9637/newupperbrh3withadexten.jpg</a>)!important; background-position:center bottom !important; background-repeat:no-repeat !important;}
{!- reverse -!}
table.rail, .i, .i i.x {display:none;}
 
 
 
 
 
<table class="i"><tr><td>
 
<table><tr><td>
<i class="i">!!! End Code To Apply Top Banner !!!</i></style>

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 14 weeks 3 days ago
London
Joined: 2004-06-06
Posts: 15650
Points: 2788

Try googling for MS

Try googling for MS Conditional Comments, these allow you to wrap elements in a statement that IE reads and acts on but other browsers ignore.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

gu_10
Offline
newbie
Last seen: 3 years 32 weeks ago
Timezone: GMT-4
Joined: 2010-09-03
Posts: 2
Points: 3

Hey man, thanks a lot, i

Hey man, thanks a lot, i found out through the info you provided that I have to put a copy of the 'characteristic' and put a "_" before what needs to be editted. for example,
margin-left: 72px;_margin-left: 72px

Thanks again!! Im so happy now...