I am *trying* to get my thumbnail images to align center to their
respective backgrounds and also to change border color on mouseover
and I am not able to accomplish either one at the moment.

The page in question is http://inspired-evolution.com/Graphics.php

and CSS can be found at http://inspired-evolution.com/Gilbert.css

pertinent CSS  is:

dl.gallery
{
border: 1px solid #000033;
background-color: #b0c4de;
width: 175px;
float:left;
text-align:center;
margin-left:3em;
}

.gallery dt { font-weight: bold; font-color:#000066;padding:0; margin:0}

.gallery dt img
{
border: 1px solid #000066;
width: 144px;
height: 144px;

}

.gallery dt img.ams
{
border: 1px solid #000066;
width: 144px;
height: 79px;

}

.gallery dt img a:link
{
border: 1px solid #000066;
}

.gallery dt img a:visited
{
border: 1px solid #000066;
}

.gallery dt img a:hover
{
border: 2px solid #000033;
}

.gallery dt img a:active
{
border: 1px solid #000033;
}

.gallery dd
{
margin: 0;
padding: 0;
}

any assistance is greatly appreciative!
******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

Reply via email to