Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Sep 2010
    Posts
    17
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Question Make an image/logo span header/content using CSS?

    I'm trying to figure out if there is a way to use CSS to make a photo span my header and body content. I know "span" is it's own CSS term, so I'm sure there is a different way to phrase it, but I want to figure out how to make my image/graphic appear that it's on both the header and the body content or header and sidebar. I wasn't sure if there was a way to do this using CSS positioning or if I would just have to slice up the image in Photoshop and put part of it in the header and part in the body?

    As an example...the little banner graphic that says "Featured Deals" on this random website I found.

    http://www.mesjunkets.com/our-casinos/

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,749
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello mtnmch,
    The website you link to did that by slicing the background image. By far my least favorite method! See here.

    That could easily be done with absolute positioning and some z-index. See here for some ideas.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    mtnmch (10-27-2012)

  • #3
    New Coder
    Join Date
    Sep 2010
    Posts
    17
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Thumbs up

    Quote Originally Posted by Excavator View Post
    Hello mtnmch,
    The website you link to did that by slicing the background image. By far my least favorite method! See here.

    That could easily be done with absolute positioning and some z-index. See here for some ideas.
    YES! These were the two combinations I was looking for! Googling for this topic brought up a bunch of pages for Wordpress but none from "scratch." Once again, your help is GREATLY appreciated!


  •  

    Posting Permissions

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