Man, am learning a lot! Have tackled a lot of tweaks and gotten things to
behave in the different browsers but there's one area I'm still stuck on....
It's the captions that appear under the thumbnails... They're fine in FF and
NN7, but in IE they're showing all the way over to the right (after the last
thumbnail)..... Here's the code:
#thumbnails{
width: 296px;
height: 84px;
margin: 0px;
left: 0px;
padding: 5px 0px 5px 0px;
border-bottom: 1px solid #FFF;
top:0px;
list-style-type: none;
z-index: 5;
}
* html #thumbnails{
height: 94px; /*height issue on IE/WIN 5.x*/
heigh\t: 84px; /*resets height for IE/WIN 6.x*/
}
#thumbnails li{
display: inline;
}
#thumbnails a{
float: left;
display: block;
height: 70px;
width: 70px;
margin: 0px;
padding: 2px;
_padding: 0px;
}
#thumbnails img {
display:block;
}
#thumbnails a:link img {
border: 2px solid #2e2e2e;
}
#thumbnails a:visited img {
border: 2px solid #2e2e2e;
}
#thumbnails a:active img {
border: 2px solid #2e2e2e;
}
#thumbnails a:hover img{
border: 2px solid #<cfoutput>#attributes.color#</cfoutput>;
}
.thumbroll { /* this is the caption*/
position: absolute;
margin: 76px 0px 0px 2px;
padding: 0px;
visibility: hidden;
width: 200px;
height: 15px;
text-align: left;
z-index: 1;
font-family: Optima, Arial, sans-serif;
font-size: 10px; font-style: normal; line-height: normal; color: #FFFFFF;
}
and here's a link to a page w/4 thumbnails:
http://cmmi.trgsoftware.com/who/index.cfm?Fuseaction=Sub_page_2
and one with just 2:
http://cmmi.trgsoftware.com/what/index.cfm?Fuseaction=Architecture
__________________________________________
ANGELA TRIGG * TRIGGERID
www.triggerID.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
