SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Zealot m3avrck's Avatar
    Join Date
    Sep 2002
    Location
    Arlington, VA
    Posts
    122
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    advice for complex background image?

    i have a new design comp of a new layout for our website here:

    http://www.washsq.com/layouyt01.jpg

    i'm playing around with the XHTML/CSS but i'm not sure what is the
    best and simplest method for cutting up that graphic of the cables... either displaying as some BG or even some absolutely placed <div> on top.

    any thoughts for best way to tackle this? thanks!

  2. #2
    Non-Member Egor's Avatar
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    7,305
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Which background are you concerned about?

    For the main bg, I'd tile it like this:

    Code:
    body {
    background: url(image/bg.gif) repeat-x center;
    }
    Then, for your header, I'd use that image as a background on the wrapper itself.

  3. #3
    SitePoint Zealot m3avrck's Avatar
    Join Date
    Sep 2002
    Location
    Arlington, VA
    Posts
    122
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by mstwntd
    Which background are you concerned about?

    For the main bg, I'd tile it like this:

    Code:
     body {
     background: url(image/bg.gif) repeat-x center;
     }
    Then, for your header, I'd use that image as a background on the wrapper itself.
    Sorry for the confusion on bgs. The main background, with the shadowed sides is easy enough with what you said (already had that).

    Header is easy as a background image for <h1> replacement.

    But those next to bars, that black bar and blue bar that have that image overlaid, what to do with those?

    One idea I have now is to make the blue and black bars <div>s and chop that image in 3 pieces, one bg for each bar and then the other for the white content area. Seems to work.

    But I'm sure there is a more elegant solution?

  4. #4
    SitePoint Zealot m3avrck's Avatar
    Join Date
    Sep 2002
    Location
    Arlington, VA
    Posts
    122
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well I've changed it back to what I originally had now:

    http://www.washsq.com/beta/

    But I can't get that paragraph to be ON TOP of the image, if I can get that I can get the rest of the layout no problem.

    Any ideas??


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •