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

Topic: background image, how?

i'm making a new style and would like a background image surrounding the forums and the forums a fixed width of 650px. how do i accomplish this? i tried to put an image in this way

BODY {text-align: center;}
#punwrap {width: 696px; margin: 12px auto; text-align:left; background-image: url(../img/wanker/bg-tile.gif);}

but it doesn't surround the forums, it just is in between the tables.

please and thank you.

note: the width: 696px is the forum width plus the width of the image. i tried to make it width: 650px but it just squishes the image.

~James
FluxBB - Less is more

2 Reply by Paul

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

Re: background image, how?

It doesn't surround the forum because their is no gap between punwrap and the forum itself. You either have to set the image as a background to body or make punwrap bigger and then center .pun within punwrap. The simplest thing is to give punwrap left and right padding which should add up to the difference between the width of the image and the width you want the forum.

EDIT. Padding on punwrap is the way to go, I just realised what you were actually trying to do.

EDIT2: If you don't want the image showing through the gaps then try giving .pun a background color.

3 Reply by Dr.Jeckyl (edited by Dr.Jeckyl 2006-02-01 19:42)

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

Re: background image, how?

i figured it out but now the image tiles all the way down the page, i don't want that.

http://www.punres.org/files/styles/st_44/index.php

is just about what i want as long as the image stetches to match the forum hieght. i'll check out how kiplantt did it in that style and see if i can make mine match.

thanks Paul.

~James
FluxBB - Less is more
  • From: -8 GMT
  • Registered: 2004-05-04
  • Posts: 1,396

Re: background image, how?

finished it.

http://www.punres.org/viewtopic.php?pid=4624#p4624

~James
FluxBB - Less is more