multiple header images/full-screen blog

  • In HTML, if I want to have a header image that’s, say, 400px long, and I want to fill the rest of the header area with a repeating graphic, I would make a table two cells long with no borders. My graphic would go in the first cell as the cell background, and the repeating graphic would go in the second cell set to repeat ad infinitum until the screen ended. I would like to do the same with CSS, but I haven’t been able to figure out how. Can anyone give me some tips? (compare https://mounty.blog-city.com with https://www.mountyscorner.com/blog to see what I’m talking about.)
    Also, I like the three-column layout, but I’d like to avoid wasting a good third of screen real estate. I’d like my page to extend from far left to far right. I found the code in wp-layout.css that controls menu and rmenu width; how can I tweak that so that there’s no blank space on either side of the screen?

Viewing 1 replies (of 1 total)

  • Last things first:
    How big is your screen ? I can’t otherwise know how much blank space you can see ??
    Anyway:
    While you do this, I would suggest colouring the #rap, #content and #menu differently so you can easily see what’s going on.
    First adjust #rap to a bigger number – it’s 797 right now.
    Then adjust the width of #main #content #menu and #rmenu to be what you need. Using the colours as a guide, get the main boxes right first – worry about the content areas when all the boxes are good.
    Do one change at a time, and backup your css everytime something goes right.
    Or
    Ask Root about Maximus (3 col full width if I recall) ?
    ======
    Graphic:
    I can’t quite tell which image you mean unless it’s the grey line.
    #masthead {
    background-image: url(line.gif) repeat-x;
    }
    With line gif being a thin vertical slice of the background image.

Viewing 1 replies (of 1 total)
  • The topic ‘multiple header images/full-screen blog’ is closed to new replies.