Johnboat Posted October 18, 2006 Share Posted October 18, 2006 Hi there I have more IE problems and I'm wondering if anyone can help. If you go to this page you'll see that the hover image is being showed behind the images on the page. I'm sure I just did something wrong. Can anyone give me a hand?Thanks Link to comment Share on other sites More sharing options...
BiteMe Posted October 18, 2006 Share Posted October 18, 2006 without code cant really help to much, but try z-index(ing) toy with the position:absolute/relative or float and clear the containing divsIf you give us the code and css it may become clearer Link to comment Share on other sites More sharing options...
Johnboat Posted October 18, 2006 Author Share Posted October 18, 2006 Sorry heres the CSS and in the logocontainer is commented out for a reason. .logocontainer { /*position: relative;*/ /*Add a height attribute and set to the largest images height to prevent overlaying */ }.logocontainer ul { margin: 0px;}.logocontainer ul li { padding-top: 5px; padding-bottom: 10px; padding-left: 10px; padding-right: 50px; list-style-type: none; display: inline; vertical-align:middle; position: relative; visibility: visible; }.logothumb img { margin: 0 5px 5px 0; }.logothumb:hover { background-color: transparent; }.logothumb:hover img{ border:#CC0000 1px solid; }.logothumb span {/*CSS for enlarged image */ position: absolute; background-color: #FFFFFF; padding: 5px; left: -1000px; border: 1px dotted #CC0000; visibility: hidden; color:#333333; text-decoration: none; }.logothumb span img { border-width:0; padding: 2px; }.logothumb:hover span { visibility: visible; top: 0; left: 130px; /*position where the enlarged image should be */ z-index: 999999; } Heres the HTML <div class="logocontainer"><ul> <li><a class="logothumb" href="#thumb"><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/3d-rage_sm.jpg" border="0" alt="3D Rage" title="3D Rage" /><span><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/3d-rage.jpg" alt="3D Rage" border="0" id="image39" /></span></a></li> <li><a class="logothumb" href="#thumb"><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/absolute_payoffs_sm.jpg" border="0" alt="Absolute Payoffs" title="Absolute Payoffs" /><span> <img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/absolute_payoffs.jpg" alt="Absolute Payoffs" border="0" /></span></a></li> <li><a class="logothumb" href="#thumb"><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/azul_twilight_sm.jpg" border="0" alt="Azul Twilight" title="Azul Twilight" /><span><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/azul_twilight.jpg" alt="Azul Twilight" border="0" /></span></a></li> <li><a class="logothumb" href="#thumb"><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/bblade_sm.jpg" border="0" alt="Balanced Blade" title="Balanced Blade" /><span><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/balanced_blade.jpg" alt="Balanced Blade" border="0" /></span></a></li> <li><a class="logothumb" href="#thumb"><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/bobs_landscape_sm.jpg" border="0" alt="Bobs Landscaping" title="Bobs Landscape" /><span><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/bobs_landscape.jpg" alt="Bobs Landscaping" border="0" /></span></a></li> <li><a class="logothumb" href="#thumb"><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/bumble_beas_sm.jpg" border="0" alt="Bumble Beas" title="Bumble Beas" /><span><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/bumble_beas.jpg" alt="Bumble Beas" border="0" /></span></a></li> <li><a class="logothumb" href="#thumb"><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/hhs63_sm.jpg" border="0" alt="Holland High School Class of 1963" title="Holland High School Class of 1963" /><span><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/hhs63.jpg" alt="Holland High School Class of 1963" border="0" /></span></a></li> <li><a class="logothumb" href="#thumb"><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/jpconcepts_sm.jpg" border="0" alt="JP Concepts" title="JP Concepts" /><span><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/jpconcepts.jpg" alt="JP Concepts" border="0" /></span></a></li> <li><a class="logothumb" href="#thumb"><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/lslb_sm.jpg" border="0" alt="Lakeshore Longbeards" title="Lakeshore Longbeards" /><span><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/lslb.jpg" alt="Lakeshore Longbeards" border="0" /></span></a></li> <li><a class="logothumb" href="#thumb"><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/michfish_sm.jpg" border="0" alt="Michigan Fishing" title="Michigan Fishing" /><span><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/michfish.jpg" alt="Michigan Fishing" border="0" /></span></a></li> <li><a class="logothumb" href="#thumb"><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/mountain_dream_sm.jpg" border="0" alt="Mountain Dream LLC" title="Mountain Dream Land and Log Homes" /><span><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/mountain_dream.jpg" alt="Mountain Dream LLC" border="0" /></span></a></li> <li><a class="logothumb" href="#thumb"><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/nfx_sm.jpg" border="0" alt="Nexf FX Designs" title="Next FX Designs" /><span><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/nfx1.jpg" alt="Nexf FX Designs" border="0" /></span></a></li> <li><a class="logothumb" href="#thumb"><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/orthotech_sm.jpg" border="0" alt="OrthoTech" title="OrthoTech" /><span><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/orthotech.jpg" alt="OrthoTech" border="0" /></span></a></li> <li><a class="logothumb" href="#thumb"><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/premier_sm.jpg" alt="Premier Detailing" border="0" title="Premier Detailing" /><span> <img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/premier.png" alt="" border="0" /></span></a></li> <li><a class="logothumb" href="#thumb"><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/reefcity_sm.jpg" border="0" alt="Reef City" title="Reef City" /><span><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/reefcity.jpg" alt="Reef City" border="0" /></span></a></li> <li><a class="logothumb" href="#thumb"><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/wmm_sm.jpg" border="0" alt="West Michigan Moms" title="West Michigan Moms" /><span><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/wmm.jpg" alt="West Michigan Moms" border="0" /></span></a></li> <li><a class="logothumb" href="#thumb"><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/wmol_sml.jpg" alt="West Michigan Online" border="0" title="West Michigan Online" /><span><img src="http://www.jpconcepts.net/wp/wp-content/uploads/2006/10/wmol.jpg" alt="West Michigan Online" border="0" /></span></a></li></ul></div> Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now