 Locking Background Image To Browser Borders. |
|
|
|
|
  |
 Dec 14 2006, 11:03 PM
Post
#1
|
|
|
Colonel Panic  Group: [MODERATOR] Posts: 2,850 Joined: 25-March 05 From: Toronto, Ontario, Canada Member No.: 3,233 myCENTs:98.66  |
I'm trying to have my background image locked so that it wouldn't keep repeating on the image border.
How would I do that? xboxrulz |
 |
 
|
|
Dec 14 2006, 11:42 PM
Post
#2
|
|
|
Newbie [ Level 2 ]  Group: Members Posts: 20 Joined: 16-October 06 Member No.: 16,607 |
its css but... not sure if it works i just did some googling
 CODE BODY {
background: url(image name); background-repeat: no-repeat; } |
|
|
|
|
Dec 15 2006, 12:18 AM
Post
#3
|
|
|
Colonel Panic Group: [MODERATOR] Posts: 2,850 Joined: 25-March 05 From: Toronto, Ontario, Canada Member No.: 3,233 myCENTs:98.66 |
unfortunately, I don't know how to load CSS on HTML.
xboxrulz |
|
|
|
|
Dec 15 2006, 02:21 AM
Post
#4
|
|
|
Way Out Of Control - You need a life :) Group: Members Posts: 1,086 Joined: 21-June 05 From: New York Member No.: 6,440 myCENTs:86.41 |
Hi, not sure what you meant by image border, but if it's just a static background image, give this a shot:
CODE <BODY BACKGROUND="your_image_here.gif" bgproperties="fixed"> That will make the image stick on your site and when you scroll the image is not moving also. |
|
|
|
|
Dec 15 2006, 06:51 AM
Post
#5
|
|
|
SM- the Man -The Myth - The Legend Himself Group: Members Posts: 453 Joined: 4-September 05 From: Drinking da rootbeers Member No.: 8,313 myCENTs:55.62 |
ahender css is correct now to have that css load to your website you can do it one of two ways first you can set it in the html document itself like so
CODE <style type="text/css"> html, body{ background: url(image name); background-repeat: no-repeat; } </style> Or you can use an external style sheet in which all you do is stripe the style tags and then just add this piece of code into the html document. CODE <link rel="stylesheet" href="main2.css" type="text/css" /> If you need some idea on how to set it up I recommend that you check out my two posts on how to set up a pure css website. You can take a look of how it looks when you use external styles sheets and all that good stuff. |
|
|
|
|
Dec 16 2006, 03:07 AM
Post
#6
|
|
|
Advanced Member Group: Members Posts: 189 Joined: 15-November 05 From: Inland from the Left Coast of Canada Member No.: 9,627 myCENTs:62.43 |
I use this CSS on a site to "lock" an image onto the background.
CODE body { background-color: #dfffdf; background-image: url('images/opac_logo.gif'); background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 75%; font: 0.85em Arial,Helvetica,Verdana, sans-serif, serif; min-height: 100.1%; } The site is located here. |
|
|
|
|
Dec 16 2006, 07:20 PM
Post
#7
|
|
|
Super Member Group: Members Posts: 595 Joined: 4-September 04 Member No.: 228 |
You could also insert the CSS code via style attribute to your <body> tag, Like this <body style=" css here ">
Doesn't really matter which method you use, but since you're not using CSS and I know some people prefer to stick to as "pure" html as possible... |
|
|
|
|
Dec 18 2006, 09:42 PM
Post
#8
|
|
|
Colonel Panic Group: [MODERATOR] Posts: 2,850 Joined: 25-March 05 From: Toronto, Ontario, Canada Member No.: 3,233 myCENTs:98.66 |
thanks for the help guys, I finally asked my friend and she gave me this code instead:
CODE body { background:rgb(255,255,255) url('http://www.imagefilez.com/out.php/i51028_madagascardreamworkspenguin5g.jpg') no-repeat fixed bottom left; } and it worked. xboxrulz |
|
|
|
|
Similar Topics
|
Lo-Fi Version | Time is now: 22nd November 2008 - 02:59 PM |