Developing Webs logo
Google
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions
RSS Newsfeed
for your site
DW News
Calendar
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Reminder
Remember to book mark this site!



Request a Tutorial
Absolute Positioning with Back Ground Images



BG Pictures staying put, by Cullen


Want a Back ground image to stay in the Background?
and let foreground objects roll over it?
and it still Stays in place?



Here is Cullen,,,,,,?


He is writing CSS,,,,,!


A tutorial for you,,,,!


When will he ever stop,,?


Did the Picture follow you,,?


It should be at X200 by Y200 PiXle's,,!


Why is it doing this,,,,,?


I will show you,,,,,,!!


<head>

<title>Background Absolute Positioning</title>

<STYLE TYPE="text/css">
BODY {background-image: url(APCullen.gif); background-repeat:
no-repeat; background-position: 200px 200px; background-attachment: fixed; }
</STYLE>

</head>
See where it say's Style Type= this is what its calling for= next comes TEXT/CSS that is Cascading Style Sheet

Next you CALL on your Body background Image
here it is APCullen.gif


Next line where it say's=background position is the X=Y pixle position on your Page

See where it says backdround FIXED- that is telling the BG to Stay put

See the /Style,,thats ending the style sheet
all this goes between the <HEAD> here </HEAD> Tags

WhaaaaLaaaa your done


"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2024 All Rights Reserved
Privacy and Legal