Rollover Image Hell |
Rollover Image Hell |
![]()
Post
#1
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 76 Joined: Dec 2008 Member No: 703,593 ![]() |
I wouldve posted this into the band layouts forum, but I honestly need the help ASAP.
I'm basicallly having absolute hell with the image rollovers you can find my code here CODE <style> .profileWidth table { margin-bottom:845px; width:1152px; } .rail { display:none; } .gap { background:url() top left no-repeat; width:1152px; height:852px; position:absolute; top:0; left:50%; margin:0px 0 -400px -852px; </style> <div class="gap"></div> <style> .topbannerhover {position:absolute; top:200px; left:50%; margin-left:-584px; _margin-left:-584px; width:1152px; height:852px; z-index:1;} div.topbanner a:hover{ border-top: none; opacity: 0.0; filter: alpha(opacity=0); width: 0px; height: 0px; z-index:1; } .topbanner {position:absolute; left:50%; top:200px; margin-left:-584px; _margin-left:-584px; width:1152; height:852px; z-index:1;} .orangetext15 {display: none;} .whitetext12 {display: none;} table table div embed, table table div object {position:relative; z-index:9;} table, tr, td{ background-color:transparent; border-style:none; } body { background-color: ffffff; background-image:url(http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/BACKGROUND.jpg); background-position: top center; background-repeat: no-repeat; background-attachment: scroll; } table table table table, table table table td{ background-image:none; background-color:transparent; } body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{ color:000000; font-size:9pt; line-height: 10pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; font-family:Helvetica Narrow, sans-serif; } strong, .lightbluetext8, .btext, .redtext, .redbtext{ color:000000; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; font-family:Helvetica Narrow, sans-serif; } a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{ color:000000; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:none ; text-transform:none; font-family:Helvetica Narrow, sans-serif; } a { color: 000000 !important; font-family: Arial !important; } a:hover { color: 666666 !important; font-family: Arial !important; } a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ color:666666; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:normal ; text-transform:none; font-family:Helvetica Narrow, sans-serif; } table table table table, div table table table{ border-style:none; } </style> <div class="topbannerhover"> <table id="Table_01" width="1152" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="11"> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/NEW-HEADER_01.png" width="1152" height="774" alt="" /></td> </tr> <tr> <td colspan="2"> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/NEW-HEADER_02.png" width="470" height="27" alt="" /></td> <td colspan="2"> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnNoYWtlYW5kc2hvdXRzaGFkZXMuY29t"> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/SHOP.png" width="71" height="27" border="0" alt="" /></a></td> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnR3aXR0ZXIuY29tL3NoYWtlc2hvdXQ="> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/TWITTER.png" width="102" height="27" border="0" alt="" /></a></td> <td colspan="2"> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9ncm91cC5waHA/Z2lkPTg1MDEyOTYzOTQ4"> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/FACEBOOK.png" width="115" height="27" border="0" alt="" /></a></td> <td colspan="2"> <a href="http://www.msplinks.com/MDFodHRwOi8veW91dHViZS5jb20vc2hha2VzaG91dA=="> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/YOUTUBE.png" width="110" height="27" border="0" alt="" /></a></td> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vLi4vc2hha2VzaG91dA=="> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/STICKAM.png" width="112" height="27" border="0" alt="" /></a></td> <td rowspan="2"> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/NEW-HEADER_08.png" width="172" height="78" alt="" /></td> </tr> <tr> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/NEW-HEADER_09.png" width="409" height="51" alt="" /></td> <td colspan="2"> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD00Nzg3ODgyMzg="> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/ADD.png" width="107" height="51" border="0" alt="" /></a></td> <td colspan="3"> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD00Nzg3ODgyMzg="> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/MESSAGE.png" width="141" height="51" border="0" alt="" /></a></td> <td colspan="2"> <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTQ3ODc4ODIzOA=="> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/COMMENT.png" width="148" height="51" border="0" alt="" /></a></td> <td colspan="2"> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=478788238"> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/PICTURES.png" width="175" height="51" border="0" alt="" /></a></td> </tr> <tr> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="409" height="1" alt="" /></td> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="61" height="1" alt="" /></td> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="46" height="1" alt="" /></td> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="25" height="1" alt="" /></td> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="102" height="1" alt="" /></td> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="14" height="1" alt="" /></td> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="101" height="1" alt="" /></td> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="47" height="1" alt="" /></td> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="63" height="1" alt="" /></td> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="112" height="1" alt="" /></td> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="172" height="1" alt="" /></td> </tr> </div> <div class="topbanner"> <table id="Table_01" width="1152" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="11"> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/NEW-HEADER_01.png" width="1152" height="774" alt="" /></td> </tr> <tr> <td colspan="2"> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/NEW-HEADER_02.png" width="470" height="27" alt="" /></td> <td colspan="2"> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnNoYWtlYW5kc2hvdXRzaGFkZXMuY29t"> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/SHOP.png" width="71" height="27" border="0" alt="" /></a></td> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnR3aXR0ZXIuY29tL3NoYWtlc2hvdXQ="> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/TWITTER.png" width="102" height="27" border="0" alt="" /></a></td> <td colspan="2"> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9ncm91cC5waHA/Z2lkPTg1MDEyOTYzOTQ4"> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/FACEBOOK.png" width="115" height="27" border="0" alt="" /></a></td> <td colspan="2"> <a href="http://www.msplinks.com/MDFodHRwOi8veW91dHViZS5jb20vc2hha2VzaG91dA=="> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/YOUTUBE.png" width="110" height="27" border="0" alt="" /></a></td> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vLi4vc2hha2VzaG91dA=="> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/STICKAM.png" width="112" height="27" border="0" alt="" /></a></td> <td rowspan="2"> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/NEW-HEADER_08.png" width="172" height="78" alt="" /></td> </tr> <tr> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/NEW-HEADER_09.png" width="409" height="51" alt="" /></td> <td colspan="2"> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD00Nzg3ODgyMzg="> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/ADD-1.png" width="107" height="51" border="0" alt="" /></a></td> <td colspan="3"> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD00Nzg3ODgyMzg="> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/MESSAGE-1.png" width="141" height="51" border="0" alt="" /></a></td> <td colspan="2"> <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTQ3ODc4ODIzOA=="> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/COMMENT-1.png" width="148" height="51" border="0" alt="" /></a></td> <td colspan="2"> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=478788238"> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/PICTURES-1.png" width="175" height="51" border="0" alt="" /></a></td> </tr> <tr> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="409" height="1" alt="" /></td> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="61" height="1" alt="" /></td> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="46" height="1" alt="" /></td> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="25" height="1" alt="" /></td> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="102" height="1" alt="" /></td> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="14" height="1" alt="" /></td> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="101" height="1" alt="" /></td> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="47" height="1" alt="" /></td> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="63" height="1" alt="" /></td> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="112" height="1" alt="" /></td> <td> <img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1shake/spacer.gif" width="172" height="1" alt="" /></td> </tr> </div> Unfortuneately, I had to take that code down because there's other things I need to work on. Basically, when I had that code in, the rollover banner would be below the main banner. (when i say below, i mean it was in the about me, etc sections) I feel like i've tried everything. I tried changing the z index, amongst other things. I just can figure it out. Please help. thank you! |
|
|
![]() ![]() |