help with browser compatibility with band header!! |
help with browser compatibility with band header!! |
![]()
Post
#1
|
|
Newbie ![]() Group: Member Posts: 7 Joined: Jun 2009 Member No: 734,820 ![]() |
okay guys, i need this asap. it is perfect in firefox and my rollovers are perfect in everything it's just my header with the sliced images.
here is my coding. it is too far right in ie. but on firefox is centre. CODE <style> body { margin-top: 0px; } .getupnovemberbannercode {
position: absolute; top: 0; width: 1000px; text-align:center; margin-top: 0px; left -49%; margin-left: -432px; left: 50%; }</style> <div class="getupnovemberbannercode"> <table id="Table_01" width="866" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="4"> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_01.jpg" width="866" height="171" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_02.jpg" width="866" height="119" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_03.jpg" width="866" height="101" alt="" /></td> </tr> <tr> <td> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_04.jpg" width="335" height="42" alt="" /></td> <td> <style> .CLASS {display:block;width:107px;height:42px; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_05.jpg"); background-repeat:no-repeat;} .CLASS:hover {display:block;width:107px;height:42px; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_05HOVER.jpg"); background-repeat:no-repeat;} </style> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_05.jpg" width="107" height="42" alt="" /></td> <td> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_06.jpg" width="193" height="42" alt="" /></td> <td> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_07.jpg" width="231" height="42" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_08.jpg" width="866" height="111" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_09.jpg" width="866" height="36" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_10.jpg" width="866" height="146" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_11.jpg" width="866" height="135" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_12.jpg" width="866" height="21" alt="" /></td> </tr> </table></div></style> <style> a.add {float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_05.jpg"); background-repeat:repeat; width:107px; height:42px; display:block;} a.add:hover {float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_05HOVER.jpg"); background-repeat:repeat;} </style> <div class="addbutton" style="position: absolute; top: 392px; width: 107px; height: 42px; left: 47%; margin-left: -50px!important; background-color: transparent;"><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX2NvbmZpcm0mc3RhdHVzQ0Q9MSZmcmllbmRJZD0zOTg2 TM0ODc=" class="add get up november"></a> </div> <style> a.msg {float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_06.jpg"); background-repeat:repeat; width:193px; height:42px; display:block;} a.msg:hover {float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_06HOVER.jpg"); background-repeat:repeat;} </style> <div class="msgbutton" style="position: absolute; top: 392px; width: 193px; height: 42px; left: 54%; margin-left: -47px!important; background-color: transparent;"><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZVYzJmZyaWVuZElEPTM5ODYxMzQ4Nw==" class="msg get up november"></a> </div> <style> a.cmt {float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_07.jpg"); background-repeat:repeat; width:231px; height:42px; display:block;} a.cmt:hover {float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_07HOVER.jpg"); background-repeat:repeat;} </style> <div class="cmtbutton" style="position: absolute; top: 392px; width: 231px; height: 42px; left: 67%; margin-left: -48px!important; background-color: transparent;"><a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTM5ODYxMzQ4Nw==" class="cmt get up november"></a> </div> |
|
|
![]() |
![]()
Post
#2
|
|
![]() Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 ![]() |
Replace your codes with this:
CODE <style> body { margin-top: 0px; } .getupnovemberbannercode { position: absolute; top: 0; margin-left: -432px; left: 50%; width: 866px; text-align:center;}</style> <div class="getupnovemberbannercode"> <table id="Table_01" width="866" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="4"> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_01.jpg" width="866" height="171" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_02.jpg" width="866" height="119" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_03.jpg" width="866" height="101" alt="" /></td> </tr> <tr> <td> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_04.jpg" width="335" height="42" alt="" /></td> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX2NvbmZpcm0mc3RhdHVzQ0Q9MSZmcmllbmRJZD0zOTg2 TM0ODc=" class="add"></a></td> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZVYzJmZyaWVuZElEPTM5ODYxMzQ4Nw==" class="msg"></a></td> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTM5ODYxMzQ4Nw==" class="cmt"></a></td> </tr> <tr> <td colspan="4"> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_08.jpg" width="866" height="111" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_09.jpg" width="866" height="36" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_10.jpg" width="866" height="146" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_11.jpg" width="866" height="135" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://i935.photobucket.com/albums/ad198/getupnovember/header_12.jpg" width="866" height="21" alt="" /></td> </tr> </table></div> <style> a.add {float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_05.jpg"); background-repeat:repeat; width:107px; height:42px; display:block;} a.add:hover {float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_05HOVER.jpg"); background-repeat:repeat;} a.msg {float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_06.jpg"); background-repeat:repeat; width:193px; height:42px; display:block;} a.msg:hover {float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_06HOVER.jpg"); background-repeat:repeat;} a.cmt {float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_07.jpg"); background-repeat:repeat; width:231px; height:42px; display:block;} a.cmt:hover {float:left; background-image:url("http://i935.photobucket.com/albums/ad198/getupnovember/header_07HOVER.jpg"); background-repeat:repeat;} </style> That should tidy everything up. Edit: I'll go ahead and close this since you've figured it out. PM me if you need it reopened. Topic closed & moved. |
|
|
![]() ![]() |