• Registered: 2006-05-12
  • Posts: 28

Topic: Adding a header graphic (or graphic header)

I am trying to make some very minor changes to a new PunBB install.  I would, for example, like to add a graphic header to match an accompanying blog.  I'm usually pretty good at reading example source HTML and CSS and just hacking away, but I must admit the PunBB method for building an HTML page is a bit opaque.

Is there a tutorial or a forum thread anywhere that discusses this modification step by step?  I'd expect it would be pretty standard stuff.  A few forum searches didn't urn up anything.

TIA

  • Smartys
  • Former PunBB Developer
  • Offline
  • Registered: 2004-04-30
  • Posts: 7,844

Re: Adding a header graphic (or graphic header)

http://wiki.punres.org/Add_a_logo_to_the_header_via_css

  • From: Detroit, MI USA
  • Registered: 2006-08-11
  • Posts: 80

Re: Adding a header graphic (or graphic header)

hey - i have an issue too. but it's between MSIE -vs- FireFox... probably CSS related.

my site (with header graphic) as seen thru MSIE [v6.0.xxxx.xxxx] eyes:

http://www.thinkgleek.com/images/tg-header-msie.jpg

and same site (with header graphic) as seen thru Firefox [v2.0.0.1] eyes:

http://www.thinkgleek.com/images/tg-header-firefox.jpg

can anyone here help me fix my css code for this?

~thegleek

thegleek's Website

4 Reply by Paul

  • Paul
  • Senior Member
  • Offline
  • From: Wales, UK.
  • Registered: 2003-08-13
  • Posts: 3,089

Re: Adding a header graphic (or graphic header)

Its background-attachement: fixed which is the problem. It causes the image to be fixed with regard to the viewport not the div. If you scroll your page slightly so that the top of the header is touching the top of the viewport you will see it aligns perfectly.

The short answer is get rid of it.

  • From: Detroit, MI USA
  • Registered: 2006-08-11
  • Posts: 80

Re: Adding a header graphic (or graphic header)

Paul wrote:

Its background-attachement: fixed which is the problem. It causes the image to be fixed with regard to the viewport not the div. If you scroll your page slightly so that the top of the header is touching the top of the viewport you will see it aligns perfectly.

The short answer is get rid of it.

wow!!!! that was purely beautiful of ya! fixed!

one of these days i'll have to shut myself deep in a basement and force all this css knowledge upon me... it'll take some months once i come back up into the real world again... tongue

~thegleek

thegleek's Website

  • From: -8 GMT
  • Registered: 2004-05-04
  • Posts: 1,396

Re: Adding a header graphic (or graphic header)

hehe... i thought that was how it was supposed to thegleek. i've only visited your site in ff so i never noticed the difference.

~James
FluxBB - Less is more
  • From: Detroit, MI USA
  • Registered: 2006-08-11
  • Posts: 80

Re: Adding a header graphic (or graphic header)

Dr.Jeckyl wrote:

hehe... i thought that was how it was supposed to thegleek. i've only visited your site in ff so i never noticed the difference.

yar.. i have more users on my site using FF than MSIE.. so i gotta please the masses! smile have u signed up on my punbb???

~thegleek

thegleek's Website