- This topic is empty.
Viewing 1 post (of 1 total)
Viewing 1 post (of 1 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
I have used this code for css galleries many times and never had a problem with it in IE6 before. For some strange reason the hover effect does not work in IE6 and I have been racking my brains trying to figure out why not. Can anyone here have a look and see if they can spot what is wrong? Would there be a conflict with the JS in the drop down menu?
http://tenerifebusinessinformation.com/living.php
This is the css
.gallerycontainer li, .gallerycontainer ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.thumbnail img {
margin: 0px 5px 5px 0;
width: 110px;
height: 82px;
border: 2px solid #FFF;
}
.thumbnail:hover {
background-color: transparent;
}
.thumbnail:hover img {
border: 2px solid #999;
}
.thumbnail span {/*CSS for enlarged image*/
position: absolute;
left: -2000px;
visibility: hidden;
}
.thumbnail:hover span img {/*CSS for enlarged image*/
margin: 5px 0 5px 0;
border: 2px solid #999;
height: 368px;
width: 555px;
}
.thumbnail:hover span {/*CSS for enlarged image on hover*/
visibility: visible;
top: 35px;/*position where enlarged image should offset from top */
left: 390px;/*position where enlarged image should offset horizontally CHANGE Y WHEN ADDING THUMBNAILS*/
z-index: 150;
}
a: {
text-decoration: none;
}
.clear {
clear: left;
}