Johnboat

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>

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

Anyone on this?

I'm using CSS for the Offline sites. I don't know javascript and I don't have a real interest in knowing it. I love CSS I just need to become more efficent with it and yes I do have a lot more learning of CSS to do. Anyway any clues on the offline sites. What I did was took the tooltip tutorial out of my CSS Mastery book and just incorporated it to those 4 images.

Hey thanks for the advise, I fixed the IE hover issue, it turns out I still need the img in the css or the border won't go around the image. I'll change my list next to see how that works. At first I did have it that way but when I moused over one it would hover over all the images. I had the class on the UL then and not the LI, I'll try it on the LI.

Hey guys I'm new to the forum. I'm redesigning my site and I'm having an IE issue. If you could go to www.jpconcepts.net/wp/portfolio/web/ and look at it in Firefox or Opera and IE, you'll notice the border around the images don't hover like they do in FF and Opera. Also under the Sites that are offline you'll see that those don't work in IE also, in fact they don't work in Opera either. Just wondering if someone can give me a hand with this. I'm fairly good with CSS but when problems arise I still need to learn how to fix them sometimes.