how do you re size a background image in HTML?

Question

i have a background image but its huge and i want to make it smaller how do i do that?

Answer 1

Since you are using the image as a background, you can not resize it with CSS. You can resize the container it is in, but then you will be either cutting off some parts of the image or having a larger container than the image itself.



The only way you are going to get it to fit, if the image is NOT TILEABLE, is to resize it in a graphics editor to the page size or div container size you plan to use the image as a background.



Ron

Answer 2

you can resize the image (make it smaller by editing the image size)then expand the background with html to cover the screen with hight and width



example



background="file.gif" width="100%" height="100%"

Answer 3

it does not artwork like that, its all relating to the alternative of the video exhibit viewing the website so i propose you're making the image as great as achieveable to have it slot in all resolutions

Answer 4

Just add width and height, like these examples. You can do it to any image.

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_images_adj

Answer 5

Use the height and width attributes?