The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

CSS problem

3 posters

Go down

CSS problem Empty CSS problem

Post by eXzclusive July 23rd 2011, 1:55 pm

ok so i have made my own css to make the background opaque.. how do stop the forum moving while the background stays still, i want the background to move with the forum itself, i will show you the coding or whatever it is lol..

body {
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #5c758c;
background-color: #000000;
background-image: url('https://i.servimg.com/u/f60/15/90/24/28/backgr10.jpg');
background-attachment: top;
font-size: 10px;
height: 1600px;
width: 1407px;
padding: 10px 0px;
filter:alpha(opacity=90);
/* CSS3 standard */
opacity:0.9;
avatar
eXzclusive
Forumember

Posts : 55
Reputation : 0
Language : english

Back to top Go down

CSS problem Empty Re: CSS problem

Post by coco moco July 23rd 2011, 3:27 pm

eXzclusive wrote:ok so i have made my own css to make the background opaque.. how do stop the forum moving while the background stays still, i want the background to move with the forum itself, i will show you the coding or whatever it is lol..

body {
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #5c758c;
background-color: #000000;
background-image: url('https://i.servimg.com/u/f60/15/90/24/28/backgr10.jpg');
background-attachment: top;
font-size: 10px;
height: 1600px;
width: 1407px;
padding: 10px 0px;
filter:alpha(opacity=90);
/* CSS3 standard */
opacity:0.9;

The mistake is in "background-attachment" it can be fixed, scroll, or inherit.

fixed - means it doesn't move.
scroll - means it can move.

What you are wanting to use instead of background-attachment: top, is background-position: top; this will specify "top center", as if you only include one keyword, center is always specified.

Hope this helps.
coco moco
coco moco
Forumember

Posts : 118
Reputation : 50
Language : English

Back to top Go down

CSS problem Empty Re: CSS problem

Post by Ryanette July 23rd 2011, 7:15 pm

body {
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #5c758c;
background-color: #000;
background-image: url('https://i.servimg.com/u/f60/15/90/24/28/backgr10.jpg');
background-attachment: fixed;
font-size: 10px;
height: 1600px;
width: 1400px;
padding: 10px 0px;
filter:alpha(opacity=90);
opacity:0.9;
Ryanette
Ryanette
Forumember

Male Posts : 135
Reputation : 2
Language : English (British)
Location : England, United Kingdom

http://www.devforumz.com

Back to top Go down

Back to top


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