question on page layout
Hi,
I have a question about laying out images on a page. I can easily arrange them in rows and/or columns by using a table. However, I can't figure out how to arrange images in a circular type pattern. I'd like to arrange 7-8 buttons in a circular pattern, each one clickable to a page on my site, and maybe have an image in the middle. Can anyone tell me how to go about doing this? Thanks!
Bob
AndyB posted this at 01:43 — 15th May 2000.
They have: 344 posts
Joined: Aug 1999
Use an image map that lets you arrange a single image into multiple clickable areas.
For a very good FREE image mapper, find and download a copy of Map This by Todd Wilson
Vincent Puglia posted this at 04:22 — 15th May 2000.
They have: 634 posts
Joined: Dec 1999
Hi,
You can also place your images into a table, making a hexagon or octogon shape. You then fill the empty cells in the table with curved, non-link images.
The image map would probably be easier though.
Vinny
------------------
GrassBlade: cut&paste javascript
Where the world once stood
the blades of grass cut me still
Lloyd Hassell posted this at 05:51 — 15th May 2000.
They have: 231 posts
Joined: Feb 2000
You could also try using absolutely positioned layers - Dhtml.
Bob posted this at 17:59 — 15th May 2000.
They have: 117 posts
Joined: Feb 2000
Lloyd,
Thanks for your reply. I did some digging into the use of layers/dhtml and was able to get this to work just the way I wanted it. However, I have what may be a stupid question, but here goes:
Due to the fact that this is absolute positioning, isn't the layout going to appear different on a different size monitor? Is there a way to use some kind of relative positioning so it would look the same monitor to monitor? Thanks.
Bob
Lloyd Hassell posted this at 04:25 — 17th May 2000.
They have: 231 posts
Joined: Feb 2000
You will have exactly the same problems with monitor sizes if you use tables.
What you could do is center your layers in the middle of the page. You could either mathematically position your elements with the page width and height or place your layers inside a centered layer inside a table. It sounds a bit confusing but is not too hard to do.
:: Lloyd Hassell :: http://www14.brinkster.com/lloydh ::
Ian posted this at 05:38 — 17th May 2000.
They have: 67 posts
Joined: Aug 1999
Hi Bob,
I haven't actually tried this, and I can't see what you're making, but couldn't you position it using percentages? instead of something like :
style="position:absolute; left:100; top:10"
or whatever, couldn't you have:
style="position:absolute; left:10%; top:2%"
that way it would adjust to the screen resolution. Would that be right?
Just a thought anyway and might give you a new angle on it.
Ian
------------------
Webmaster A1 JavaScripts
A1 JavaScripts
Web Development - Big Resources Inc
BIG Resources.com
Webmaster A1 JavaScripts
A1 JavaScripts
Web Development - Big Resources Inc
BIG Resources.com
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.