The Letterville BullBoard: HTML coding for lining up thumbnails

This is topic HTML coding for lining up thumbnails in forum Old Archives at The Letterville BullBoard.

To visit this topic, use this URL:
http://www.letterville.com/ubb/ultimatebb.php/topic/13/861.html

Posted by Adrienne Pereira (Member # 1046) on :

Need some help with my web pages...I'm redoing my site again and am having trouble getting my images to line up the way I want them to.
I know it has something to do with tables, which I have no expertise with.
Can someone help me with codeing one page so I can copy it and edit to work for several?
Right now I have all my thumbnails lined up verticly and I hate it.
Thanks!
Adrienne

------------------
Adrienne Morgan
Splash Signs
www.splashsigns.com
"Rainkatt'

Benicia, CA
707-746-7847 (shop)
707-550-4553 (voicemail)
adrienne@splashsigns.com

Posted by Mike Pipes (Member # 1573) on :

Adrienne:

I use tables on all my pages to place text and images right where I want them. You can visit my site, right-click on the page and select "View Source" to see how the tables are constructed. Look for the TABLE tag in the HTML.

Go to the following link. It's a page on my site that's brand spankin new and I think you'll like it. =)
http://www.stickerpimp.com/tribals

------------------
Mike Pipes
Digital Illusion Custom Graphics
Lake Havasu City, AZ
http://www.stickerpimp.com

Posted by Adrienne Pereira (Member # 1046) on :

Thanks Mike,from there do I just edit the dementions of the thumbnails to match the actual thumbnails of the images I use?
A

------------------
Adrienne Morgan
Splash Signs
www.splashsigns.com
"Rainkatt'

Benicia, CA
707-746-7847 (shop)
707-550-4553 (voicemail)
adrienne@splashsigns.com

Posted by coop (Member # 504) on :

Hi Adrienne

Try this URL, it helped me. Hope it helps you!

http://www.pagetutor.com/pagetutor/tables/index.html

------------------
I'm so happy I'm a resident in Letterville!
"If you keep doing what you have been doing, you'll keep getting what you have been getting."

David Cooper,
The Sign Shack
580-234-1072
Enid, OK.
signshack@intercorp.com

Posted by Mike Pipes (Member # 1573) on :

A,

Actually you can remove the "size" tag altogether which will make web browsers use the actual dimensions of the images. FrontPage puts the image size in there, but if I were writing the page by hand like I used to when I had time, I wouldnt put the size in there.

------------------
Mike Pipes
Digital Illusion Custom Graphics
Lake Havasu City, AZ
http://www.stickerpimp.com

Posted by Adrienne Pereira (Member # 1046) on :

Mike I do it all from scratch, not that it's the best or fastest way, just the way I learned it.
Thanks for the tip on leaving the size tag out, that right there will save me a lot of trouble!
And I'll go check out that sight too Coop, looks like what I've been looking for.
A

------------------
Adrienne Morgan
Splash Signs
www.splashsigns.com
"Rainkatt'

Benicia, CA
707-746-7847 (shop)
707-550-4553 (voicemail)
adrienne@splashsigns.com

Posted by Mark Matyjakowski (Member # 294) on :

Leave the size tags in ... if you can.
Yes the browser will size the cells to the images ... but not untill they load ... which is what causes that kinda "bounce" on the page.
like when someone posts a pic on the board ... you'll be reading then all of a sudden the words are in a different place

------------------
If the world didn't suck we would all fall off ... but, on the other hand ... there's different fingers

http://www.slamgraphics.com
Rochester, N.Y.
mark@slamgraphics.com

Posted by Mayo Pardo (Member # 138) on :

The best tool I found for making thumbnails is appropriately called ThumbsPlus. It's available as a free trial download from www.cerious.com

The other way I have placed text and images effortlessly on my pages is by using the Layers feature. In software like Dreamweaver, for example, all you do is create a new "layer" any place you want a new image or group of text or whatever.
I recently redid some of my inkjet refill pages using layers instead of tables and it worked out pretty good.

I find layers to be more click and drag friendly (and accomplished more visually) than frames or tables which seem to be more finicky about what goes in them and where things can appear within them.

------------------
EmpY® is also known as Mayo Pardo. Seen wandering through Australia, currently in Elgin IL. 847 931-4171

For $25 worth of Free Postage until Dec.31st, click here
FREE POSTAGE

[This message has been edited by EmpY (edited December 17, 2000).]

Posted by Adrienne Pereira (Member # 1046) on :

Thanks for all this wonderful advice!! Jan is mt web page remodeling time so I will be putting all this to the test!
Now....how to get Dreamweaver.........
A

------------------
Adrienne Morgan
Splash Signs
www.splashsigns.com
"Rainkatt'

Benicia, CA
707-746-7847 (shop)
707-550-4553 (voicemail)
adrienne@splashsigns.com

Posted by Jim Doggett (Member # 1409) on :

Hi Adrienne:

In re: lining up images: tables are a good way to go, or you can align them within the body of your text by adding hspace/vspace/align arguments to your image tages.

Example:

This aligns the image to the left, and wraps the text with 5 pixels of space, horz and vert.

I use this command a lot when creating pages where I don't want to set up a complicated matrix of tables.

Regards,

Jim

------------------
Jim Doggett
Vice President
Summa, Inc.

Seattle, WA USA
jim@summusa.com

[This message has been edited by Jim Doggett (edited December 18, 2000).]

UBB.classic™ 6.7.2