Main Menu
collapse

Simple Portal Archived Forum

This is an Archive Forum.

The content in this forum may be out-of-date or have been superseded by newer information, and links in forum pages to other sites may not work.
This forum contains archives for future reference.

Visit our thread at Simple Machines Forum for current support.

SMF 2.1 users: EhPortal is a ported version of Simple Portal specifically designed for the SMF 2.1 branch.
Please visit web-develop.ca to download EhPortal and for its support.

User Info

Welcome Guest.
Please log in.

Who's Online

  • Dot Guests: 949
  • Dot Hidden: 0
  • Dot Users: 1
  • Dot Users Online:

Recent Posts

Adding Forums Button to Nav bar by jirapon
[August 01, 2019, 09:07:12 AM]


Re: Board Icons by ♦ Ninja ZX-10RR ♦
[July 30, 2019, 04:03:41 PM]


MOVED: Czech translation???? by ♦ Ninja ZX-10RR ♦
[July 30, 2019, 03:04:51 PM]


Board Icons by jirapon
[July 30, 2019, 07:28:44 AM]


Re: Thankyou Simpleportal, by ♦ Ninja ZX-10RR ♦
[July 29, 2019, 09:41:29 AM]


Welcome to SimplePortal.net! You can download SimplePortal from the Downloads Area!

Image size

Started by dtek, February 07, 2010, 12:44:32 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

dtek

Hi, I'm new to SMF and SP. I started my site two days ago and really like SP. I am a total nub at this but I am getting there.

Now I have some code in html and it makes an image as big as your browser page. How do I get it to become the page background? I really need this sorted out. I have found out that I can't add html to css or php so what do I do? I tried to add it to my theme css and it kinda worked. The image filled the page but ihe page content was under it and there was a bunch of code under it and the theme was mostly gone.

Somebody help me please, I have spent all day fighting with this. :(

# <html>
# <head>
# <style type="text/css">
# body {margin:0px;}
# #bg_image {
# width: 100%;
# height: 100%;
# left: 0px;
# top: 0px;
# position: absolute;
# z-index: 0;
}
# #contents {
# z-index: 1;
# position: absolute;
}
# </style>
# </head>
 
# <body>
 
# <!-- this creates the background image -->
# <div id="bg_image">
# <img src="hxxp://k4f.exofire.net/Themes/testtheme/images/bkgsmall.jpg" style="width: 100%; height: 100%;">
# </div>

# </body>
# </html>