Sijun Forums :: View topic

Flipper · Posted: Sat Oct 06, 2001 2:21 am

Hi there

I'm designing a web page and I want to put a background image on the center of the page and not tiled. Macromedia Dreamweaver isn't giving that kind of option so I'll propably have to do it manually by editing HTML source (eeeww). If you have any ideas let me know.

Cheers

Matt Elder · Posted: Sat Oct 06, 2001 6:10 am

try putting the following in the <head> tag

<STYLE TYPE="text/css" MEDIA="screen">
BODY { background-image: url(images/image_name.gif); background-repeat: no-repeat; background-color: white }
</STYLE>

obviously this would apply to the "BODY".
not 100% sure though on how to center it though. But it might be a start.

hmmm... just checked a reference book, maybe:

background-position: center

[ October 06, 2001: Message edited by: Matt Elder ]

Jezebel · Posted: Sat Oct 06, 2001 6:19 am

I generally just use tables. Just slap a table on your page and align it to the center of your page, you can vertically center it as well. Then put the bg in the table.

Flipper · Posted: Sat Oct 06, 2001 8:49 am

But what if I want to put some tables on the area where the backround is ?

jeffery · Posted: Sat Oct 06, 2001 10:35 am

you can embed tables within other tables. not technically 'good design' but who cares.

Jezebel · Posted: Sat Oct 06, 2001 11:13 pm

Ummm... not good design? Where did get that from?

TONS of sites use embedded tables.

CNN.com
Yahoo.com

... this forum.

*shrug*

Jezebel · Posted: Sat Oct 06, 2001 11:19 pm

You have a cool site btw Jeff... I like it. The bg image is especially nice