Hi,
Well, first, there's a a small typo in your style sheet, there is
*/ which is an illegal symbol (unknown) for the browser, just delete it and everything else will work. Here is a copy of your code:
*/
a, a:link,a:visited,a:active {
color: rgb(204, 204, 255);
text-decoration: none;
}
Well, that's been said, as I did it once with styles from WebDev, if you are interested, I updated your code so that it will work with both IExplorer and Mozilla, at least on a PC; I don't have a Mac to test with Safari. All you have to do is update your code by removing
td from
a.td.thumbnail and modify heights of the fields shown in my sample code below, you may use it as it is:
- Code: Select all
a.thumbnail,
a.thumbnail:link,
a.thumbnail:visited,
a.thumbnail:active
{
border: rgb(0, 0, 0) 1px solid;
margin-bottom: -45px;
padding-top: 5px;
width: 182px;
display: block;
background: rgb(35, 35, 35);
height: 200px;
}
a.thumbnail:hover
{
border: rgb(95, 121, 216) 1px solid;
margin-bottom: -45px;
padding-top: 5px;
width: 182px;
display: block;
background: rgb(32, 32, 32);
height:200px;
}
td.thumbnail
{
height: 220px;
}