New thumnail always oversized!?

[Berkellicht]

Every time I add a new image the thumb on the browse-page is presented in a very very large size. After clicking on it the picture appears in correct state on the image-page. By returning to the browsepage the thumbnails show the right size. How come? see www.fotorene.com/pixelpost/

[Connie]

Ha, very great effect indeed!

I tested with Opera and FireFox.

It is your CSS.

You define here:

#catthumbs a:link img { width: 650px; float: right; margin: 3px; padding: 3px; border: solid 1px #c0c0c0; }

and your thumbnail sits in that ID, so what?
<div id="catthumbs"><a href='index.php?showimage=10'><img src='thumbnails/thumb_20060809230132_bloodredsky.jpg' alt='Avondrood' title='Avondrood' class='thumbnails' /></a><p>pagina <a href='index.php?x=browse&amp;category=5&amp;pagenum=1'>1</a> </p></div>

sure, it will be very huge

you must change your CSS file to have the real size of thumbs presented in your browse page!

[Berkellicht]

Thanks Connie,
You mean I have to change the width in 50px as I really want to have them 50 px?
Isn't that strange because you have modify the size of the thumbs by the PP control panel or am I wrong?

[Connie]

it is not strange at all and you are wrong ;=)

but that is no problem because I am sure you will understand the way how CSS is functioning... cascading ;=)


#catthumbs a:link img { width: 650px; float: right; margin: 3px; padding: 3px; border: solid 1px #c0c0c0; }

#catthumbs a:visited img { float: right; margin: 3px; padding: 3px; border: solid 1px #c0c0c0; }

#catthumbs a:hover img { float: right; margin: 3px; padding: 3px; border: solid 1px #fff; }


sorry, but the first time you define explicitely the space for the image in the link with 650

take off the "img" and define only the links here... try to understand that in the way like you set it, you set the

definition for the img in the link

[Berkellicht]

Yes thats it! Now it works.
Thanks!

[Connie]

I'm glad!