How best to set this up...

Discussion in 'CSS' started by rpain, Mar 15, 2010.

  1. #1
    screenshot..jpg

    How would you code this layout? The buttons have rollovers which also appear behind the man's head. Each different page has a different picture all of which to some extent sit on top of the buttons.

    Any ideas really welcome.

    Thanks
    Richard
     
    rpain, Mar 15, 2010 IP
  2. Keaton

    Keaton Peon

    Messages:
    22
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Are you looking to code it by just using that image? And I assume it isn't flash?
     
    Keaton, Mar 16, 2010 IP
  3. dezigno

    dezigno Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Slice the header, the nav buttons and then the man.. then just code it.
     
    dezigno, Mar 20, 2010 IP
  4. rpain

    rpain Peon

    Messages:
    9
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Hi - I wanted to try to come up with an elegant solution with a mixture of slices for the rollovers and css layers for the pic of the man. Anyway, after playing around I did slice everything up but put the text on separate divs:

    www . cybercan. co.uk /lougar

    Everything's ok except for IE7 where the rollovers/links don't work - any ideas why?

    Cheers,
    Richard
     
    rpain, Mar 23, 2010 IP
  5. rpain

    rpain Peon

    Messages:
    9
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Hi,

    Fixed - just wrapped everything in a div and now all is well.

    Richard
     
    rpain, Mar 23, 2010 IP