Pixelpost

Authentic Photoblog Flavour


Go Back   Pixelpost Forum > SUPPORT / INFORMATION > Pixelpost Help

Post Reply
 
Thread Tools
  #1  
Old 11-21-2004, 03:10 PM
Anonymous Offline
pixelpost guru
 
Join Date: Oct 2004
Posts: 810
No thumbnail padding in IE. Help

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.

Code:
.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.

Link to my archive page: http://www.benbailey.net/pix/index.php?x=browse
Reply With Quote
  #2  
Old 11-21-2004, 03:24 PM
Connie
Guest
 
Posts: n/a
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:

Code:
.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;
	}
Reply With Quote
  #3  
Old 11-21-2004, 03:28 PM
pixelpunk's Avatar
pixelpunk Offline
pixelpost guru
 
Join Date: Oct 2004
Location: Sweden
Posts: 504
Send a message via ICQ to 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
__________________
icq: 66760929
Reply With Quote
  #4  
Old 11-21-2004, 10:17 PM
Anonymous Offline
pixelpost guru
 
Join Date: Oct 2004
Posts: 810
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:
Code:
#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:
Code:
<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.
Reply With Quote
Post Reply


Thread Tools




All times are GMT. The time now is 10:52 AM.

Powered by vBulletin® Version 3.7.3
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd. | Style Design: d3 designs