How do I avoid tables?

Discussion in 'Web Design and Development' started by jive, May 7, 2008.

  1. jive macrumors 6502a

    Joined:
    Apr 14, 2006
    Location:
    Scotland
    #1
    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...
     
  2. mufflon macrumors 6502

    Joined:
    Sep 15, 2006
    #2
    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
     
  3. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #3
    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.
     
  4. chaosdude78 macrumors newbie

    Joined:
    Mar 21, 2008
    #4
    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.
     

Share This Page