No thumbnail padding in IE. Help

[Anonymous]

I'm working on customizing pixelpost. On the archive page the thumbnails do show up, but the padding between them is only correct when viewed in Firefox.

Here is the relevant CSS, lifted from a post regarding removing the borders.

.thumbnails {
padding:5px;
border:0px;
}

.current_thumbnail {
padding:5px;
border:1px dotted #666;
}

Any help would be great. This script is exactly what I have been looking for. So nice not to hack around to get a photoblog working. :D

Link to my archive page: http://www.benbailey.net/pix/index.php?x=browse

[Connie]

try it this way, I found it is ok like this , although I cannot swear that IE will be ok, because IE is nearly never ok :twisted:


.thumbnails

{
padding-left:2px;
padding-right:2px;
padding-top:0px;
padding-bottom:0px;
border-left:1px solid black;
border-right:1px solid black;
border-top:0px solid black;
border-bottom:0px solid black;
}
.current_thumbnail
{
padding-left:2px;
padding-right:2px;
padding-top:0px;
padding-bottom:0px;
border:1px dashed black;
}

[pixelpunk]

You could also try to expand on it. The thumbnails are both a link and an image, and I don't know what IE will listen to but test and expand it.

.thumbnails a {
padding:5px;
}
.thumbnails img {
padding:5px;
}

or something

// punk

[Anonymous]

Ok, while those suggestions didn't work for me I did find something that did.

This is probably an obtuse way to get the thumbnails looking right in both IE and FF, but it works for me.

I created a class called thumbwrap to my css and added the tag to the browse page.

CSS Info:
#thumbwrap {
width:700px;
text-align: center;
margin: 0 auto;
}
#thumbwrap img {
padding: 2px;
border: 2px solid #c0c0c0;
margin: 4px;
}
#thumbwrap img:hover {

padding: 2px;
border: 2px solid #d3d3d3;
margin: 4px;
}

The tag in the html:
<div id="thumbwrap">
<THUMBNAILS>
</div>

Using this I was able to space them out the way I wanted.

Thanks for the help. I know I said it before, but this is a great piece of software. I can't count how many hours I spent trying to get other blog systems to act like a photoblog with limited success.