Grow your CSS skills. Land your dream job.

Background Image advice

  • # August 11, 2008 at 9:00 am

    HI All,
    New to the forums, and from what I have read and seen I am very impressed. Here’s hoping my naivety doesn’t attract too much scorn.
    Well at the moment a friend has asked me to start building a site for his one man (well one man and 2 ladies) catering business target a particular market. He would like the site to incorporate the front page of new menus he is having designed by a graphic designer, but in addition to that he’d like to have part of the front page to have a few circles which rotate through a number of images from his range. The circles are also present on his menu, so he basically wants to transfer the "branding" style of his company menu through to the site.
    I had initially thought of getting the image from the graphic designer and using it as a background image to the body of the page. I then thought that as the background image is dark that I should add a semi transparent white background on top so that a content div could overlay the image. I also thought that where the circles are supposed to appear, perhaps I could put each of the cirlces in its own div and put them inline and perhaps use some javascript or swish to have each of these divs rotate through the images he would like displayed.
    I wondered whether this is the right kind of approach or am I over complicatiog things… or under complicating for that matter? If I had the images I’d try posting a representation of what I am trying to say but sorry don’t have them as yet.

    Cheers, and apologies for my naivety.
    Andy

    box
    # August 11, 2008 at 9:25 am

    Before you worry about divs and markup – why not plan out the site design in photoshop/fireworks (or whichever equivalent that you prefer). Understand exactly what you’re trying to achieve and which elements are needed for the design – which will be backgrounds and which would be deemed as content. Then you can build an HTML file based on the types information that the website requires – this will give you a number of block elements that you can use for you styling and they will suggest how you can slice up your photoshop areas. With any luck, you won’t have to add extra divs to achieve your design.

    # August 11, 2008 at 9:31 am

    HI box,
    Thanks for that advice. At present I’ve been doodling with pencil of paper, and will move over to using xara when the "background image" is sent over to me from their graphic designer.

    Cheers
    AndyD

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".