How do I avoid tables?

[jive]

http://thetwoofhearts.com


The main "map" was just sliced up in photoshop and the exported - how would I go about doing it without tables but using divs etc? Anyway?

Ideally it'll ultimately auto-scroll left and right when hovering but I figured one thing at a time is the only way to go about this...

[mufflon]

make a div that is x pixels wide which has horizontal scroll active and content larger than x?

a quick google gave me this link (http://www.domedia.org/oveklykken/css-div-scroll.php), in the future I would advise searching beforehand, I believe overflow / css-div scrolling has been answered a lot of times before

[angelwatt]

I don't see why you need the image sliced or tables, just use one image and the mentioned above CSS for handling overflow. You can use image maps to make parts of the image linkable.

As a note, you really don't need Flash for that header, and just makes the site less accessible.

[chaosdude78]

You could use a <div> to place the image. Then using the z-index property place individual, absolutely positioned <div>s for each bullet or link.

If you're going to make it scroll, you should just use flash to create it.