Positioning tables

[larryb]

I'm playing with tables for the first time & have a few questions. I'm trying to display some thumbnail images around a larger Frame image. When you click on the thumb, the larger image appears. I would like to have one table with 2 rows, 6 columns, & another table 1 column 6 rows. See below...

th th th th th th
th th th th th th
-----------------------------
| th
| th
| th
Large Image | th
| th
| th
-----------------------------

I can't get the right-most table to position where I want to. Do I have to use absolute positioning? Should the large image be a one cell table?

Thanks in advance.....

[larryb]

I should have previewed this post...the "| th" should be on the right, my spaces were ignored in the message.

[blurchy]

hi

its hard to say without seeing the page

or code. by the right most table you mean top right ?


post the page or the code

and let us have a look :)

[BerksWebGuy]

?????

Can you put the correct layout again...or give us a url to a page where you're trying to do this.

I have no idea what you are trying to accomplish:confused: But I'll try.

You would do this using a JavaScript. Its pretty easy once you find the right script and the layout is correct. You can set it up sp when the viewer mouses-over (or clicks) on the image...it would change the larger center image.

As far as positioning...I think you would have to make an absolute table for this kind of thing.

Help ya??

[larryb]

Here's a link to my test page >>> Test Page (http://www.bernardhomepage.com/Album/testpics.html)

I want to put a table (1 col, 6-8 rows) to the left and the right of the large image. In effect, I want to "frame" the large image with thumbs, allowing the user to click a thumb to display the larger image (in the center). But I would like all of this on the same page.

I'm pretty sure this can be done with either mutiple table or maybe merging cells?? Trying to avoid absolute positioning.

[BerksWebGuy]

You can view a test page at:

http://www.berkswebguy.com/web/testpics.htm


I wouldn't go that big since there will be some scrolling on some resolutions...but its your call.

Good Luck:)

[blurchy]

hi

lol looks like someone beat me to it

http://www.neutron1.com/tables_surrounding_an_image.htm

:)

[larryb]

That's perfect!!!!:) Thanks BWG!! I'll probably reduce the large frame as needed.

Can you explain what you did? The source doesn't look that much different than what I tried before I asked for help. Are all the tables nested??

[BerksWebGuy]

Basically...

-Its all centered
-One table for 2 rows of pics on top
-One table for everything else
-----used three <td> tags (one of each column)
-----put a table in each <td> tag

Its that simple
You can also put a table on the bottom if you want to.

Good Luck:)

[larryb]

I understand now! :)

It's based on left to right. I was starting with the top table, then trying to insert 2 seperate tables on either side of the large frame. I think my approach would have req'd abs. pos.

Your solution is simple & I've got a better handle on tables now

Thanks BerksWebGuy!!!

Larry

[BerksWebGuy]

No problem:)

Let me know if you need anymore help!!

[TERRELL]

thats little test page just gave me an idead of how I'm finna redo my image page.I liked the way that worked.That was a nice job berk.....:)

[BerksWebGuy]

Well...thank you again:cool:

Sometimes its just how you look at things.

[pamper]

here is the way I have done it...almost the same

http://donmoores.com/test1/photo.htm