Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

jive

macrumors 6502a
Original poster
Apr 14, 2006
501
0
Scotland
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...
 
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, in the future I would advise searching beforehand, I believe overflow / css-div scrolling has been answered a lot of times before
 
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.
 
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.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.