Solved

backgrounds

Posted on 2002-03-27
5
261 Views
Last Modified: 2010-04-09
hi, im making a website and i want to have a background picture on a page but i dont want it repeated throughout the whole page, how do i do this? :)
0
Comment
Question by:wolfdood
  • 3
  • 2
5 Comments
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 50 total points
ID: 6899996
This is an IE (and Netscape 6) only method of having a "no-tile" background.
Because it uses no-repeat image won't scroll with the page.
Just like the effect of BGPROPERTIES="fixed"

<HTML>
<HEAD>
   <TITLE> Fixed background using styles <TITLE>
<STYLE TYPE="text/css">
   BODY { background-repeat:no-repeat;background-attachment:fixed;
          background-position:left top;background-image:url(blah.jpg) }
</STYLE>
</HEAD>
<BODY>
etc...

The background-position can left/center/right for x axis and
top/center/bottom for the y axis.  With IE5.5 you can use a numeric value to
specify the x/y co-ordinates in pixels      

=====================================================      

cross-browser ???

<HTML>
<HEAD>
<STYLE TYPE="text/css">
   #bgID { position:absolute;top:xxx;left:yyy;z-index:1 }
</STYLE>
</HEAD>
<BODY>
   <!-- page stuff -->

   <DIV ID="bgID">
      <IMG SRC="blah.jpg">
   </DIV>
</BODY>  
</HTML>

The z-index value can be a problem.  Netscape does not accept a
negative value so other elements must be 2 or higher.

Cd&
0
 

Author Comment

by:wolfdood
ID: 6900022
i tried the first way of doing it but i cant get my background to show. the pic im using for the background is in the same folder for the wedsite and is called background.png     do i need to specify its full path? thanx.
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 6900060
I did't think you deeded full path, but you can try it.  Also do not put quotes around it, and make sure of the spelling some hosting services are case sensitive.

Cd&
0
 

Author Comment

by:wolfdood
ID: 6900083
ta very much!!! :)
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 6900111
Glad I could help.  Thanks for the A. :^)

Cd&
0

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

813 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now