Help with CSS pls

Discussion in 'CSS' started by bluemanteam, Nov 14, 2007.

  1. #1
    I'm looking to use Zeke theme ( http://www.themes.solostream.com/index.php?wptheme=Zeke+1.0+%2B+Widgets ) for my blog.

    I'd like to extend the top header bar and navigation bar so that it spans the full screen, not just the 960 px it currently does right now.

    I figure I could create this illusion by having a background image that matches the header/navigation bar and yet have the planks.gif image for the rest of the page background.

    I'm just not sure how to have more then one background image for a webpage and was wondering if someone could walk me through the process.

    Thanks
     
    bluemanteam, Nov 14, 2007 IP
  2. jaaahn

    jaaahn Peon

    Messages:
    188
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You can create another div inside the header div.
    Set the thing you want to repeat as the background image with a css repeat horizontally, and put your header in the div on top.
     
    jaaahn, Nov 15, 2007 IP
  3. Crimsonc

    Crimsonc Peon

    Messages:
    616
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Your header and nav are inside a wrapper div which is controlling the width. Cut and paste the HTML for these div's outside your wrapper Div and change there CSS width values from 960px to 100%
     
    Crimsonc, Nov 21, 2007 IP
  4. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #4
    Right, except he doesn't need the 100% as block elements take up as much space as their parent element allows, and his header and nav would take up the full space, so he would have to remove only the width:960px on the #nav and #header and place them on top of #wrapper.
     
    soulscratch, Nov 21, 2007 IP
  5. Crimsonc

    Crimsonc Peon

    Messages:
    616
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    0
    #5
    quite right, i apologise, you don't need to define a width.
     
    Crimsonc, Nov 21, 2007 IP