Log In · Register

 
Rollover Image Hell
jbarber07
post Aug 27 2009, 12:01 AM
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!
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: