homepage Welcome to WebmasterWorld Guest from 54.234.51.165
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
Disjointed Rollover
Why doesn't this work in IE? Can anyone help?
chick1980




msg:3667497
 11:29 am on Jun 5, 2008 (gmt 0)

Im having trouble with my gallery, works fine in Safari, FF, Opera but the rollover doesn't work in IE.

CSS:
#gallery {
width : 100px;
height : 100px;
margin : 0;
float : left;
}
#disjointed2 {
position : relative;
width : 400px;
margin-top : 200px;
}
#disjointed2 li {
width : 90px;
position : static;
}
#disjointed2 a {
display : block;
height : 90px;
width : 90px;
color : #ffc;
text-decoration : none;
float : left;
}
#disjointed2 a img {
border : 0;
}
#disjointed2 a:hover {
color : #cff;
}
#disjointed2 a span {
display : none;
}
#disjointed2 a:hover span {
display : block;
position : absolute;
top : -200px;
left : 0;
color : red;
background : #fff;
}

HTML:
<div id="gallery">
<ul id="disjointed2">
<li class="portfolio"><a href="#n"><img src="images/image1.gif" height="80" width="80" alt="job name" /> <span><img src="images/image1-hover.gif" width="480" height="190" alt="KÄRCHER Bio Parts Website" /></span></a></li>
<li class="portfolio"><a href="#n"><img src="images/image2.gif" height="80" width="80" alt="job name" /> <span><img src="images/image2-hover.gif" width="480" height="190" alt="" /></span></a></li>
<li class="portfolio"><a href="#n"></a></li>
<li class="portfolio"><a href="#n"></a></li>
<li class="text">Website</li>
<li class="text">Press Advert</li>
<li class="text">Job name</li>
<li class="text">Job name</li>
<li class="portfolio"><a href="#n"></a></li>
<li class="portfolio"><a href="#n"></a></li>
<li class="portfolio"><a href="#n"></a></li>
<li class="portfolio"><a href="#n"></a></li>
<li class="text">Job name</li>
<li class="text">Job name</li>
<li class="text">Job name</li>
<li class="text">Job name</li>
</ul>
</div>

 

korkus2000




msg:3673084
 2:54 pm on Jun 12, 2008 (gmt 0)

Could you explain the issue a little more?

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved