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

mtnmch · 10-27-2012, 02:36 AM

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/

Excavator · 10-27-2012, 03:30 AM

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.

mtnmch · 10-27-2012, 05:04 AM

Quote:

Originally Posted by Excavator

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!