I know we've discussed alignment before. But this is really weird! I created another version of Default/dark and modified the CSS to add a white border around each image. Now, the first row is misaligned by about 1px, in kind of a step fashion. The first image is highest then steps down 1px for each of the 4 images in the row. It's only the 1st row.
/ Image Thumbnails 18-Mar-08
------------------------------ /
.imagethumb a, .imagethumb a:hover {
display: block;
padding: 6px; / changed from 9px thickness of padding backing index thumbnail /
margin: 0px 9px 9px 0px;
line-height: 0px;
border: 2px solid #000000; / #e6e6e6 around thumb /
background-color: #FFFFFF; / #f6f6f6; adds backing to index thumbnail /
}
.imagethumb a:visited {
background-color: #fcfcfc;
border: 1px solid #f8f8f8;
}
.imagethumb a:hover {
background-color: #f3f3f3;
/ border: 1px solid #cccccc; /
border: 1px solid #0000FF; / shows when hover over thumbs on index page /
}
.imagethumb {
float: left; / aligns thumbs on index page /
}
.albumdesc2 {
line-height: 18px;
}