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;
}
Zenphoto
Comments