CSS code to lock an image that will scroll with the screen
Posted: Sat 03 Jan 2015 4:31 am
I am not new to using HTML, but know little about CSS.
I have added my logo image to my web page. It shows up fine on each page at the top left of the screen.
Here is the code:
background-color: #00FFCC;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10pt;
color: #585858;
text-align: left;
background-attachment: fixed; <----- I think I need to change this
background-image: url(images/MWlogo.png);
background-repeat: no-repeat;
background-position: TOP:35px; LEFT:170px;
I want the image to scroll up and down with the screen and not remain fixed. and it needs to move way over to the right.
Suggestions?
Bob
I have added my logo image to my web page. It shows up fine on each page at the top left of the screen.
Here is the code:
background-color: #00FFCC;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10pt;
color: #585858;
text-align: left;
background-attachment: fixed; <----- I think I need to change this
background-image: url(images/MWlogo.png);
background-repeat: no-repeat;
background-position: TOP:35px; LEFT:170px;
I want the image to scroll up and down with the screen and not remain fixed. and it needs to move way over to the right.
Suggestions?
Bob