On xp windows I see the thumbs half in the white area rest in right brown.in
ie7 and firefox
Moving .gallerycontainer position to less 200? if you want them in white and
changing .thumbnail:hover SPAN to suit?
Bruce
bkdesign
----- Original Message -----
From: <[EMAIL PROTECTED]>
To: <wsg@webstandardsgroup.org>
Sent: Monday, February 11, 2008 12:41 AM
Subject: [WSG] help with picture alignment in CSS
Hello,
I have a site here that I've been trying to add some pictures to. I have
IE7 and Firefox and it looks good but my client is seeing things different
with her IE. The pictures at the bottom, 6 of them should be lined up all
in a row but are not. I put the code I am using inside the page and in
this email.
Can someone take a look and let me know if they can see what is going on
here.
Thanks.....tg
Here is the link:
http://www.rejuvenatespas.com/test.html
*///////////////////////////////////////////////////////////////////////////
///////////////////////////////////////
<style type="text/css">
.gallerycontainer{
position: absolute;
/*Add a height attribute and set to largest image's height to prevent
overlaying*/
left: 430px;
}
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px solid gray;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed black;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
bottom: 0;
left: 300px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
</style>
*///////////////////////////////////////////////////////////////////////////
///////////////////////////////////////
--------------------------------------------------------------------
myhosting.com - Premium Microsoft® Windows® and Linux web and application
hosting - http://link.myhosting.com/myhosting
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
