Jump to content


How to do this afect

Started by Spide®™, May 23 2006 08:33 PM

4 replies to this topic

#1 Spide®™

    P2L Jedi

  • Members
  • PipPipPip
  • 767 posts
  • Gender:Male
  • Location:UK England

Posted 23 May 2006 - 08:33 PM

The afect iam looking for is how this is done http://www.gfxvisions.com/test2/
when you scroll down the page and the background image stays static but the rest moves

Any help plz
thx in advanced

#2 BigDog

    Young Padawan

  • Members
  • Pip
  • 277 posts
  • Gender:Male
  • Location:Orange County, California
  • Interests:Running, building computers, PC games and BMX and programming.

Posted 23 May 2006 - 09:58 PM

By just viewing his source, its just a fixed background (css)

<style type="text/css">
body {
	background-color: rgb(255,255,255);
	background-image: url(images/graffbg.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	}
</style>
(i take no credit for making the code above, its strieght from there site!

#3 Spide®™

    P2L Jedi

  • Members
  • PipPipPip
  • 767 posts
  • Gender:Male
  • Location:UK England

Posted 23 May 2006 - 10:03 PM

Thx m8 so much for this, i had a look at the code and was looking for some kind of jarva script lol but i dont have a clue about code just a cupple of bits

Thx again ;)

Edit:
It worked great in firefox , but dident work in IE :(

#4 rc69

    PHP Master PD

  • P2L Staff
  • PipPipPipPip
  • 3,827 posts
  • Gender:Male
  • Location:Here
  • Interests:Web Development

Posted 23 May 2006 - 10:39 PM

What version of IE are you using? It works fine for me.

p.s. It's effect, not "affect" (just saying so because my english teacher's have been nazis about that, and it sorta rubbed in).

p.s.s. Moved.

Edited by rc69, 23 May 2006 - 10:41 PM.

#5 Spide®™

    P2L Jedi

  • Members
  • PipPipPip
  • 767 posts
  • Gender:Male
  • Location:UK England

Posted 23 May 2006 - 10:47 PM

Iam using IE 6
maybe some of my code is messed up, but like i said befor i dont have a clue about code
Heres a little tester i just made Could somebody plz check it for me :(

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<TITLE>Untitled Page</TITLE>
<META name="GENERATOR" content="junglespider - http://www.junglespider.me.uk">
<STYLE type="text/css">
div#container
{
   width: 800px;
   position: relative;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
body
{
   text-align: center;
   margin: 0;
}
</STYLE>
</HEAD>
<BODY background="images/Tech Desktop 1280x1024 v3.jpg" bgcolor="#FFFFFF" text="#000000" <style type="text/css">
body {
	background-color: rgb(255,255,255);
	background-image: url(images/Tech Desktop 1280x1024 v3.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	}
</style>
<DIV id="container">
<DIV style="position:absolute;left:342px;top:71px;width:141px;height:32px;z-index:1" align="left">
<FONT style="font-size:27px" color="#FFFFFF" face="Arial">Test Scroll</FONT></DIV>
<DIV style="position:absolute;left:342px;top:131px;width:141px;height:1120px;z-index:2" align="left">

<FONT style="font-size:27px" color="#FFFFFF" face="Arial">Test Scroll </FONT><FONT style="font-size:27px" color="#FFFFFF" face="Arial">Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll Test Scroll </FONT></DIV>
</DIV>
</BODY>
</HTML>

Sorry about the spellin mistake slip of the finger

My problem as got worse now
its all fine in firefox

now thays code showing on the screen at the top when you look at the page in IE and also the text hovers have gone lol

http://www.junglespi...rollTester.html

How come its all ok in firefox grrrrrrrrrrr , this is doing my head in lol

Thx anyway to the peeps who helped me out , iv fixed the prob , even tho i aint got a clue how i did it lol , i think it was some code conflicting or something lol ;)

Edited by spide®, 23 May 2006 - 10:48 PM.

Back to Programming and General Web Design · Next Unread Topic →


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users

  1. Pixel2Life Forum
  2. → Help Section
  3. → Programming and General Web Design