Quick Login
A webmaster forum specifically catering for Australian site owners. We discuss site development, marketing and management issues.
Please welcome our newest member, freeza!
Spice up your web site with the ultimate community message board solution!
Fake Id'sGet fake Id's made right now!
vBSEOSearch Engine Optimization for your VBulletin Forum.
AdminFusion
»
css help
07-20-2006, 05:45 AM
| #1 |
| | |||||
Title: Forum Addict
Join Date: Jan 2006 Posts: 1,338 Location: Illinois  
| css help Okay, I'm having a problem with CSS... basically I need this image to scroll with the page. I made a post at DP with limited response here - (hope it's okay to post the link). Anyway, I was hoping someone could help me out. Also, it's not just a basic html page... it's actually on myspace (haha). I'm working on designing some layouts and such and need this to work, so yeah. Thanks for any guideance.  | ||||
| |
|
07-20-2006, 06:09 AM
| #2 |
| | |||||
Title: Back in the Green
Join Date: Feb 2006 Posts: 753 Location: Scotland
| Do you mean that when the page scrolls the picture doesn't move and stays in place?
__________________ Bob's Bit of the Web Into Blogging? Want to talk about it or need help with something? Join us at the Blogging Café. | ||||
| |
|
07-20-2006, 06:14 AM
| #3 |
| | |||||
|
Title: Forum Addict
Join Date: Jan 2006 Posts: 1,338 Location: Illinois
| Yes, something along those lines. I need the picture to stay in place while everything else scrolls. | ||||
| |
|
07-20-2006, 06:16 AM
| #4 |
| | |||||
|
Title: Back in the Green
Join Date: Feb 2006 Posts: 753 Location: Scotland
| This might work then, I found it in a wordpress theme I was playing with yesterday and never saw this before. Anyway in the body tag of the css it has Code: background: #02284d url(images/bg.jpg) no-repeat;
background-attachment: fixed;
__________________ Bob's Bit of the Web Into Blogging? Want to talk about it or need help with something? Join us at the Blogging Café. | ||||
| |
|
07-20-2006, 06:42 AM
| #5 |
| | ||||||
|
Title: Forum Addict
Join Date: Jan 2006 Posts: 1,338 Location: Illinois
| Quote:
| |||||
| |
|
07-20-2006, 06:48 AM
| #6 |
| | |||||
|
Title: Back in the Green
Join Date: Feb 2006 Posts: 753 Location: Scotland
| Ah! right, I think I see what your after now, but no idea how to help sorry.
__________________ Bob's Bit of the Web Into Blogging? Want to talk about it or need help with something? Join us at the Blogging Café. | ||||
| |
|
07-20-2006, 08:27 AM
| #7 |
| | |||||
|
Title: Forum Addict
Join Date: Jan 2006 Posts: 1,338 Location: Illinois
| well thanks for the atempt, regardless. Anyone else want to have a try? | ||||
| |
|
07-20-2006, 04:24 PM
| #8 |
| | |||||
Title: Gas 1.43
Join Date: Feb 2006 Posts: 3,984 Location: back in TX   
| Never fear, I am here! First of all, you DON'T want the picture to scroll, right? You want it to stay put. Well, if you have a certain place for it to remain on the page, then you need the following code. in your CSS: Code: .frozen {
position: absolute;
left: 25px;
top: 47px;
bottom: 8px;
right: 72px;
} In your html: HTML Code: <img src="" alt="" class="frozen" />
__________________ I went to Vegas, and all I got was this Blister. - true story! | ||||
| |
|
07-20-2006, 08:15 PM
| #9 |
| | |||||
|
Title: Forum Addict
Join Date: Jan 2006 Posts: 1,338 Location: Illinois
| Picture a nonscrolling, non-repeating background. Now place an image on top of that with the same effect. Basically, the image is constantly there (except I want it positioned lower). I don't know how else to describe it. :/ | ||||
| |
|
07-20-2006, 08:28 PM
| #10 |
| | |||||
|
Title: Forum Addict
Join Date: Jan 2006 Posts: 1,338 Location: Illinois
| Basically, I want this: Code: <style type="text/css">
body
{
background-image:
url('http://www.site.com/image.png');
background-repeat:
no-repeat;
background-attachment:
fixed
}
</style> | ||||
| |
Linear Mode
