Jump to content

Thumbnails


kalina

Recommended Posts

<table style="float: left;"><tr><td><img src="img_name.extension" style="width: ??px; height: ??px;" onclick="window.open('img_name.extension','_blank')" /></td><td><img src="img_name.extension" style="width: ??px; height: ??px;" onclick="window.open('img_name.extension','_blank')" /></td><td><img src="img_name.extension" style="width: ??px; height: ??px;" onclick="window.open('img_name.extension','_blank')" /></td></tr><tr><td><img src="img_name.extension" style="width: ??px; height: ??px;" onclick="window.open('img_name.extension','_blank')" /></td><td><img src="img_name.extension" style="width: ??px; height: ??px;" onclick="window.open('img_name.extension','_blank')" /></td><td><img src="img_name.extension" style="width: ??px; height: ??px;" onclick="window.open('img_name.extension','_blank')" /></td></tr></table>

Try that. If that's not at all what you want, then you really need to specify.

Link to comment
Share on other sites

Hya,It gives me a start. I will probably ask more tomorrow when I looked and added images. It seems to be accross the top of the page although it says left in the code but as I say tomorrow I will ask some more questions.Many thanks Jonas for your reply.K :)

Link to comment
Share on other sites

Well, that should all depend on what sizes you put for width/height on the image elements, and how many table cells/images you have horisontally. If they together make out 1024px, of course it won't look left-aligned.Also, I'd generally make easier code:

<html><head><style type="text/css"><!--table.thumb {float: left;}img.thumb {width: ??px;height: ??px;}--></style></head><body><table class="thumb"><tr><td><img src="img_name.extension" class="thumb" onclick="window.open('img_name.extension','_blank')" /></td><td><img src="img_name.extension" class="thumb" onclick="window.open('img_name.extension','_blank')" /></td><td><img src="img_name.extension" class="thumb" onclick="window.open('img_name.extension','_blank')" /></td></tr><tr><td><img src="img_name.extension" class="thumb" onclick="window.open('img_name.extension','_blank')" /></td><td><img src="img_name.extension" class="thumb" onclick="window.open('img_name.extension','_blank')" /></td><td><img src="img_name.extension" class="thumb" onclick="window.open('img_name.extension','_blank')" /></td></tr></table></body></html>

That way, you can just change the pixel size in one place, and it will be executed throughout your table/pictures. If you don't know CSS, I recommend you to take the time and learn it. It's an incredibly useful language.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...