panzer Posted December 20, 2010 Report Share Posted December 20, 2010 and I am trying to create my first webpage so I am a novice at web design. I am blocked at the point whereas I am trying to format a Background image on my page using CSS. I’ve found he command line from the forum : body { background-color:brown; background-attachment: scroll; background-image: url(images/pinkandbrown.jpg); background-repeat: no-repeat; background-position:absolute; width:500px; height:500px top:2px left:2px } I am able to play with the image with the above self-explanatory commands, although the problem is that I cannot adjust the size (height + width) of the Image. The positioning works fine and I can move it around but changing the image size by having different pixel values does change nothing. Any Ideas? Quote Link to comment Share on other sites More sharing options...
falkencreative Posted December 20, 2010 Report Share Posted December 20, 2010 The positioning works fine and I can move it around but changing the image size by having different pixel values does change nothing. Correct. The code above adds a background image to the <body> tag, which won't affect the size of the image. Any changes to the size affect the <body>, not the actual background image. To fix this, you need to open up the image in a graphics editing program (Photoshop, Paintshop Pro, GIMP, whatever) and resize it there. Quote Link to comment Share on other sites More sharing options...
panzer Posted December 20, 2010 Author Report Share Posted December 20, 2010 Thanks I will try that Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.