Image Overlay problems

treckstar · 19th February 12, 02:54 PM

Hey everyone,

Right now I have an image that is being displayed as a header for my site. It is being displayed using css.

Code:

#header-group {
  background: url(../images/header.png) no-repeat top center;
  width: 978px;
  height: 115px;
}

What I would like to do is place another image "png" overtop of this background - having this image pushed to the right 312px and from the top 45 px.

I have been playing around with this forever and cannot find the best way to use this image. Does anyone have insight for me?

Thank you.

chrishirst · 19th February 12, 08:06 PM

That is EXACTLY what positioning is for

http://www.modtalk.co.uk/_site/code/...ning/relative/

19th February 12, 02:54 PM	#1
treckstar WLC Member Join Date: Feb 2012 Posts: 1	Image Overlay problems Hey everyone, Right now I have an image that is being displayed as a header for my site. It is being displayed using css. Code: #header-group { background: url(../images/header.png) no-repeat top center; width: 978px; height: 115px; } What I would like to do is place another image "png" overtop of this background - having this image pushed to the right 312px and from the top 45 px. I have been playing around with this forever and cannot find the best way to use this image. Does anyone have insight for me? Thank you.

19th February 12, 08:06 PM	#2
chrishirst Banned Join Date: Jun 2006 Location: Blackp ool U.K. Posts: 3,197	Re: Image Overlay problems That is EXACTLY what positioning is for http://www.modtalk.co.uk/_site/code/...ning/relative/

Thread Tools
Show Printable Version Email this Page
Display Modes
Switch to Linear Mode Hybrid Mode Switch to Threaded Mode