Hey guys,

I'm trying to sort out a ladder system for a tournament so people can check out who won etc online.



This is what I have so far. It creates it as an image on the website.
I was wondering if there was any way it would be possible to convert something like this to output clickable links etc to view the persons profile (if someone was to click on the name)

If not, is there any way around this? Most of all I really want to know how to do the lines effectively.

Thanks!

I am guessing the names and the image is created dynamically

The ladder design / layout wont change position though so as this is set in stone then i would do it like this...

right click on a dynamically created image and save it off

drop it into a page on its own while you create an image map for each name. The image map dimensions and positions wont change so you can use that as a template

The dynamic aspects of it like links (<a href=) will change so you can populate those bits dynamically from the database when you create the image.

copy your image map into your live page making sure your map references the image properly.

Thanks for your input. How would I create the image map?

That would be an interesting exercise for a CSS layout/design.

try this http://www.w3schools.com/TAGS/tag_map.asp

Try this:

http://www.image-maps.com/

Btw, this site also has the ability to output the css code directly!

Thankyou very much for your help. This is a really good and easy solution, cheers