Forums

This topic is locked

Scrolling over background image

Posted 14 Sep 2002 00:29:26
1
has voted
14 Sep 2002 00:29:26 chadmih chad posted:
Hello all. I have seen this page

www.sandmbikes.com/news/news_seven.html

I cant seem to figure out how they got the text to scroll without the background image.

Anybody have any ideas. I bet this is some simple thing I am looking over.

Thanks

Replies

Replied 14 Sep 2002 21:46:07
14 Sep 2002 21:46:07 Dave Thomas replied:
Your link wouldn't open for me, but if you want a bkground to stay fixed while the rest of the page scrolls then a CSS Style Sheet can do it for you.

You can either do this with a CSS program like "Top Style" or u can use Dreamweaver or Ultradev itself to create one.

Here is an example body tag in css that will give you a fixed background and change your scrollbars colour:

###### CSS Sheet ######

BODY {
color : White;
background-color : Black;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
scrollbar-3dlight-color : #000099;
scrollbar-arrow-color : #000099;
scrollbar-base-color : #FF9900;
scrollbar-darkshadow-color : Black;
scrollbar-face-color : #CCCCCC;
scrollbar-highlight-color : #FF9900;
scrollbar-shadow-color : #FF9900;
scrollbar-track-color : #CCCCCC;
; background-image: url(../pageimages/bk_logo_2.jpg); background-repeat: no-repeat
; background-attachment: fixed
; background-position: center bottom
}

##### End of CSS Sheet #####

If you save the css as "background.css" and stick it in a folder called "css", simply add this line of code in your HEAD section below your META tags:

<b>&lt;link rel="stylesheet" href="css/background.css" type="text/css"&gt;</b>

* You'll need to mess with the colours and Image URL to fit with your own designs/images etc..

Regards,
Dave

UD4 || Flash || Access ||Web Hosting


Edited by - UltraDav on 14 Sep 2002 21:48:33
Replied 16 Sep 2002 01:08:38
16 Sep 2002 01:08:38 chadmih chad replied:
Thanks Ultradav. This has pointed me in the right direction.
Replied 24 Sep 2002 17:00:41
24 Sep 2002 17:00:41 Stuart Harland replied:
you could also use the bgproperties attribute of 'Body':

&lt; body bgproperties="fixed" background="back-pic.gif" &gt;

hope this is also helpful

********************
wheatNOTmeat

Reply to this topic