How to add image header to top of page

How to add image header to top of page - Printable Version

+- GetSimple Support Forum (http://get-simple.info/forums)
+-- Forum: GetSimple (http://get-simple.info/forums/forumdisplay.php?fid=3)
+--- Forum: General Questions and Problems (http://get-simple.info/forums/forumdisplay.php?fid=16)
+--- Thread: How to add image header to top of page (/showthread.php?tid=370)

How to add image header to top of page - tyee - 2010-02-05

I just want to have my clubs image logo across the top of the pages. In other CMSs I've replaced the header_bg.jpg with what I want but I don't know if that will work with GS. I'm sure it's super easy but for a newbie a suggestion would be much appreciated. Thanks!

BTW, I'm using the default template!

How to add image header to top of page - ccagle8 - 2010-02-05

You can edit the stylesheet of the default theme to replace .logo with the image and hide .tagline

How to add image header to top of page - tyee - 2010-02-05

Thanks Chris
I tried that but it seems it was resized and centered. I would like the full horizontal width of my browser used for the image.
This is what I used -

#header {
position:relative;
height: 200px;
margin: 0 auto;
background: url(images/bee1260x129.jpg) no-repeat top left;
}

How can I get it to be full horiz width?

Thanks
Tony

How to add image header to top of page - ubuntulistener - 2010-03-17

tyee Wrote:Thanks Chris
I tried that but it seems it was resized and centered. I would like the full horizontal width of my browser used for the image.
This is what I used -

#header {
position:relative;
height: 200px;
margin: 0 auto;
background: url(images/bee1260x129.jpg) no-repeat top left;
}

How can I get it to be full horiz width?

Thanks
Tony

drop margin: 0 auto;
and add
width:100%;
maybe?

How to add image header to top of page - yojoe - 2011-05-13

add
background-size: 100%;
to header styles

Unfortunately this is a css3 property, and not all browsers will recognize it.

How to add image header to top of page - Connie - 2011-05-13

your image seems to be 1260 width by 129 height, right?

and you say "your browser", you should think of "your monitor" and those of others.

So what with monitors which have bigger resolution, for example 1980 x ... ?

that's why the image should be centered with margin:auto

Webcontent is not like print-layout, it is not fixed with fixed size and fixed height etc.