Europe Talk - Lamin Barrow - RSShttp://laminbarrow.com/europe/talk/topic/ie6/rss/xmlTalk about ie6 from Europehttp://laminbarrow.comMon, 05 Jan 2009 20:24:57 GMThttp://geographicalmedia.comExplore Geohttp://laminbarrow.com/_ui/style/img/admin/explore-lara.gifhttp://geographicalmedia.comRSS Provided by .geographical mediaComments on Making a background image hover effect work properly in Internet Explorer 6http://laminbarrow.com/post/2008/2/4/making-a-background-image-hover-effect-work-properly-in-internet-explorer-6Your after CSS has hover.png in it twice. Good to know about the repeat-x though, thanks :-)<div id="ShowDiscussion"> <table class="DiscussionViewerTable" style="width:100%;"> <tr> <td class="DiscussionViewerAge">286 days, 4 hours, 55 minutes ago</td> </tr> <tr> <td> <table class="CleanTable" style="width:100%;"> <tr> <td class="DiscussionViewerUserInfo" style="padding:10px;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <img src="http://laminbarrow.com/_ui/style/img/media/profile.jpg" alt="Profile Image" border="0" class="Thumb" /> </td> </tr> <tr> <td>Ted</td> </tr> </table> </td> <td style="vertical-align:top;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <table class="DiscussionViewerTitleBar" style="width:100%;"> <tr> <td style="padding:10px;">Comments on Making a background image hover effect work properly in Internet Explorer 6</td> <td class="ReplyButton" style="padding:10px;"> <a onclick="lara.loadWindow(ADD_POST, '?postid=7859eecd-d9e9-43ef-bcc0-53fc3e3db9a1');return false;">Write Reply</a> </td> </tr> </table> </td> </tr> <tr> <td style="padding:10px;">Your after CSS has hover.png in it twice. <br/>Good to know about the repeat-x though, thanks :-)</td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table class="DiscussionViewerTable" style="width:100%;"> <tr> <td class="DiscussionViewerAge">285 days, 9 hours, 3 minutes ago</td> </tr> <tr> <td> <table class="CleanTable" style="width:100%;"> <tr> <td class="DiscussionViewerUserInfo" style="padding:10px;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <a href="http://laminbarrow.com/user/laminb"> <img src="http://laminbarrow.com/user/laminb/media-image/2" alt="Profile Image" border="0" class="Thumb" /> </a> </td> </tr> <tr> <td> <a href="http://laminbarrow.com/user/laminb">laminb</a> </td> </tr> </table> </td> <td style="vertical-align:top;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <table class="DiscussionViewerTitleBar" style="width:100%;"> <tr> <td style="padding:10px;">Comments on Making a background image hover effect work properly in Internet Explorer 6</td> <td class="ReplyButton" style="padding:10px;"> <a onclick="lara.loadWindow(ADD_POST, '?postid=7859eecd-d9e9-43ef-bcc0-53fc3e3db9a1');return false;">Write Reply</a> </td> </tr> </table> </td> </tr> <tr> <td style="padding:10px;">Hi Ted,<br/>I have just made changes to the article. Thanks for pointing that out to me. Good catch.</td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table class="DiscussionViewerTable" style="width:100%;"> <tr> <td class="DiscussionViewerAge">245 days, 8 hours, 10 minutes ago</td> </tr> <tr> <td> <table class="CleanTable" style="width:100%;"> <tr> <td class="DiscussionViewerUserInfo" style="padding:10px;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <img src="http://laminbarrow.com/_ui/style/img/media/profile.jpg" alt="Profile Image" border="0" class="Thumb" /> </td> </tr> <tr> <td>RocA</td> </tr> </table> </td> <td style="vertical-align:top;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <table class="DiscussionViewerTitleBar" style="width:100%;"> <tr> <td style="padding:10px;">Comments on Making a background image hover effect work properly in Internet Explorer 6</td> <td class="ReplyButton" style="padding:10px;"> <a onclick="lara.loadWindow(ADD_POST, '?postid=7859eecd-d9e9-43ef-bcc0-53fc3e3db9a1');return false;">Write Reply</a> </td> </tr> </table> </td> </tr> <tr> <td style="padding:10px;">Good Point Lamin... it woulda take me days to figure out such issues...lol</td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table class="DiscussionViewerTable" style="width:100%;"> <tr> <td class="DiscussionViewerAge">207 days, 9 hours, 32 minutes ago</td> </tr> <tr> <td> <table class="CleanTable" style="width:100%;"> <tr> <td class="DiscussionViewerUserInfo" style="padding:10px;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <img src="http://laminbarrow.com/_ui/style/img/media/profile.jpg" alt="Profile Image" border="0" class="Thumb" /> </td> </tr> <tr> <td>Anonymous</td> </tr> </table> </td> <td style="vertical-align:top;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <table class="DiscussionViewerTitleBar" style="width:100%;"> <tr> <td style="padding:10px;">Comments on Making a background image hover effect work properly in Internet Explorer 6</td> <td class="ReplyButton" style="padding:10px;"> <a onclick="lara.loadWindow(ADD_POST, '?postid=7859eecd-d9e9-43ef-bcc0-53fc3e3db9a1');return false;">Write Reply</a> </td> </tr> </table> </td> </tr> <tr> <td style="padding:10px;">thank you so much I have been driving my self crazy trying to get the hover thing to work. My proablem was similar. The background images for me just wouldn't change on hover. I also didn't want the image to repeat but this seems to work also, and the image is already preloaded since the background-position is just changed. <br/> <br/>#div{ <br/>background:url(image) 999px 999px repeat-x; <br/>} <br/> <br/>#div:hover{ <br/>background-position: 0% 15%; <br/>background-repeat: no-repeat; <br/>}</td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table class="DiscussionViewerTable" style="width:100%;"> <tr> <td class="DiscussionViewerAge">202 days, 20 hours, 38 minutes ago</td> </tr> <tr> <td> <table class="CleanTable" style="width:100%;"> <tr> <td class="DiscussionViewerUserInfo" style="padding:10px;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <img src="http://laminbarrow.com/_ui/style/img/media/profile.jpg" alt="Profile Image" border="0" class="Thumb" /> </td> </tr> <tr> <td>bilgisayar</td> </tr> </table> </td> <td style="vertical-align:top;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <table class="DiscussionViewerTitleBar" style="width:100%;"> <tr> <td style="padding:10px;">Comments on Making a background image hover effect work properly in Internet Explorer 6</td> <td class="ReplyButton" style="padding:10px;"> <a onclick="lara.loadWindow(ADD_POST, '?postid=7859eecd-d9e9-43ef-bcc0-53fc3e3db9a1');return false;">Write Reply</a> </td> </tr> </table> </td> </tr> <tr> <td style="padding:10px;">css background examples , Properties , Attribute - - http://css-lessons.ucoz.com/background-css-examples.htm<br/></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table class="DiscussionViewerTable" style="width:100%;"> <tr> <td class="DiscussionViewerAge">185 days, 17 hours, 19 minutes ago</td> </tr> <tr> <td> <table class="CleanTable" style="width:100%;"> <tr> <td class="DiscussionViewerUserInfo" style="padding:10px;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <img src="http://laminbarrow.com/_ui/style/img/media/profile.jpg" alt="Profile Image" border="0" class="Thumb" /> </td> </tr> <tr> <td>Ellen</td> </tr> </table> </td> <td style="vertical-align:top;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <table class="DiscussionViewerTitleBar" style="width:100%;"> <tr> <td style="padding:10px;">Comments on Making a background image hover effect work properly in Internet Explorer 6</td> <td class="ReplyButton" style="padding:10px;"> <a onclick="lara.loadWindow(ADD_POST, '?postid=7859eecd-d9e9-43ef-bcc0-53fc3e3db9a1');return false;">Write Reply</a> </td> </tr> </table> </td> </tr> <tr> <td style="padding:10px;">Hi<br/>I have exactly the same problem but this doesn't work for me. Would it be possible to see some of your HTML code?<br/>Thanks for the info</td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table class="DiscussionViewerTable" style="width:100%;"> <tr> <td class="DiscussionViewerAge">178 days, 11 hours, 18 minutes ago</td> </tr> <tr> <td> <table class="CleanTable" style="width:100%;"> <tr> <td class="DiscussionViewerUserInfo" style="padding:10px;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <img src="http://laminbarrow.com/_ui/style/img/media/profile.jpg" alt="Profile Image" border="0" class="Thumb" /> </td> </tr> <tr> <td>Freddy</td> </tr> </table> </td> <td style="vertical-align:top;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <table class="DiscussionViewerTitleBar" style="width:100%;"> <tr> <td style="padding:10px;">Comments on Making a background image hover effect work properly in Internet Explorer 6</td> <td class="ReplyButton" style="padding:10px;"> <a onclick="lara.loadWindow(ADD_POST, '?postid=7859eecd-d9e9-43ef-bcc0-53fc3e3db9a1');return false;">Write Reply</a> </td> </tr> </table> </td> </tr> <tr> <td style="padding:10px;">You just save my day... spend 2.5hour until i found this solution! Thanks man!</td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table class="DiscussionViewerTable" style="width:100%;"> <tr> <td class="DiscussionViewerAge">177 days, 16 hours, 8 minutes ago</td> </tr> <tr> <td> <table class="CleanTable" style="width:100%;"> <tr> <td class="DiscussionViewerUserInfo" style="padding:10px;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <a href="http://laminbarrow.com/user/laminb"> <img src="http://laminbarrow.com/user/laminb/media-image/2" alt="Profile Image" border="0" class="Thumb" /> </a> </td> </tr> <tr> <td> <a href="http://laminbarrow.com/user/laminb">laminb</a> </td> </tr> </table> </td> <td style="vertical-align:top;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <table class="DiscussionViewerTitleBar" style="width:100%;"> <tr> <td style="padding:10px;">Comments on Making a background image hover effect work properly in Internet Explorer 6</td> <td class="ReplyButton" style="padding:10px;"> <a onclick="lara.loadWindow(ADD_POST, '?postid=7859eecd-d9e9-43ef-bcc0-53fc3e3db9a1');return false;">Write Reply</a> </td> </tr> </table> </td> </tr> <tr> <td style="padding:10px;">@Ellen<br/>You can find the HTML code by viewing the source of this website. Hope this helps.</td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table class="DiscussionViewerTable" style="width:100%;"> <tr> <td class="DiscussionViewerAge">144 days, 18 hours, 47 minutes ago</td> </tr> <tr> <td> <table class="CleanTable" style="width:100%;"> <tr> <td class="DiscussionViewerUserInfo" style="padding:10px;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <img src="http://laminbarrow.com/_ui/style/img/media/profile.jpg" alt="Profile Image" border="0" class="Thumb" /> </td> </tr> <tr> <td>eyes</td> </tr> </table> </td> <td style="vertical-align:top;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <table class="DiscussionViewerTitleBar" style="width:100%;"> <tr> <td style="padding:10px;">Comments on Making a background image hover effect work properly in Internet Explorer 6</td> <td class="ReplyButton" style="padding:10px;"> <a onclick="lara.loadWindow(ADD_POST, '?postid=7859eecd-d9e9-43ef-bcc0-53fc3e3db9a1');return false;">Write Reply</a> </td> </tr> </table> </td> </tr> <tr> <td style="padding:10px;">thanks</td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table class="DiscussionViewerTable" style="width:100%;"> <tr> <td class="DiscussionViewerAge">110 days, 19 hours, 14 minutes ago</td> </tr> <tr> <td> <table class="CleanTable" style="width:100%;"> <tr> <td class="DiscussionViewerUserInfo" style="padding:10px;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <img src="http://laminbarrow.com/_ui/style/img/media/profile.jpg" alt="Profile Image" border="0" class="Thumb" /> </td> </tr> <tr> <td>false</td> </tr> </table> </td> <td style="vertical-align:top;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <table class="DiscussionViewerTitleBar" style="width:100%;"> <tr> <td style="padding:10px;">Comments on Making a background image hover effect work properly in Internet Explorer 6</td> <td class="ReplyButton" style="padding:10px;"> <a onclick="lara.loadWindow(ADD_POST, '?postid=7859eecd-d9e9-43ef-bcc0-53fc3e3db9a1');return false;">Write Reply</a> </td> </tr> </table> </td> </tr> <tr> <td style="padding:10px;">Thank you soooooooo much. This problem had me stuck all day yesterday.</td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table class="DiscussionViewerTable" style="width:100%;"> <tr> <td class="DiscussionViewerAge">54 days, 17 hours, 1 minutes ago</td> </tr> <tr> <td> <table class="CleanTable" style="width:100%;"> <tr> <td class="DiscussionViewerUserInfo" style="padding:10px;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <img src="http://laminbarrow.com/_ui/style/img/media/profile.jpg" alt="Profile Image" border="0" class="Thumb" /> </td> </tr> <tr> <td>Davide</td> </tr> </table> </td> <td style="vertical-align:top;"> <table class="CleanTable" style="width:100%;"> <tr> <td> <table class="DiscussionViewerTitleBar" style="width:100%;"> <tr> <td style="padding:10px;">Comments on Making a background image hover effect work properly in Internet Explorer 6</td> <td class="ReplyButton" style="padding:10px;"> <a onclick="lara.loadWindow(ADD_POST, '?postid=7859eecd-d9e9-43ef-bcc0-53fc3e3db9a1');return false;">Write Reply</a> </td> </tr> </table> </td> </tr> <tr> <td style="padding:10px;">Thank you very much for this tip, very useful.</td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div>Tue, 25 Mar 2008 15:29:38 GMT