WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » CSS for fixed background

View previous topic View next topic Go down  Message [Page 1 of 1]

1CSS for fixed background Empty CSS for fixed background Fri Mar 30, 2012 12:26 pm

magicm00n

magicm00n
Registered Member
Registered Member
Hi, My background is set to fixed but its still repeating vertically. How can I make it fixed to scrolling so it dont repeat?

2CSS for fixed background Empty Re: CSS for fixed background Fri Mar 30, 2012 9:22 pm

Mr.Joker

Mr.Joker
Mr. WebArtz
Mr. WebArtz
Just add :
Code:
background-repeat:no-repeat;
This way your background image will not repeat.

3CSS for fixed background Empty Re: CSS for fixed background Sat Mar 31, 2012 8:16 am

magicm00n

magicm00n
Registered Member
Registered Member
No, I want it to repeat horizontally but not vertically.

4CSS for fixed background Empty Re: CSS for fixed background Sat Mar 31, 2012 5:16 pm

Mr.Joker

Mr.Joker
Mr. WebArtz
Mr. WebArtz
Code:
background-repeat:repeat-x;
Because x is for horizontal and y is vertical. You learn that in math.

5CSS for fixed background Empty Re: CSS for fixed background Sat Mar 31, 2012 5:28 pm

magicm00n

magicm00n
Registered Member
Registered Member
Thanks and LOL @ the 'x'. ofc we all learn that^^!

6CSS for fixed background Empty Re: CSS for fixed background Sat Mar 31, 2012 6:48 pm

Charlesth


Registered Member
Registered Member
If you want to repeat your background horizontally you can try this code:
<div style="background-image: url('test3.jpg'); background-repeat: repeat-y; "> <br><br><br></div>
Or
body
{
background-image:url('paper.gif');
background-repeat:repeat-y;
}
repeat-y: This value tells the image to repeat in horizontally directions only
repeat-x: repeat vertically only
repeat : repeat both directions
no-repeat : not repeat any directions.



Last edited by Charlesth on Wed Sep 12, 2012 5:56 pm; edited 2 times in total

http://www.spinxwebdesignatlanta.com/

7CSS for fixed background Empty Re: CSS for fixed background Sat Mar 31, 2012 7:30 pm

Mr.Joker

Mr.Joker
Mr. WebArtz
Mr. WebArtz
If you ever learned math you will remeber this:
CSS for fixed background 250px-Cartesian-coordinate-system-with-circle.svg
And you said, for horizontal repeat to use y which is totaly wrong. Look at the picture. We allready solved the problem and you are telling her wrong .

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » CSS for fixed background

Permissions in this forum:
You cannot reply to topics in this forum