Image bAckground of a division

[ahm531]

Can I add an image as a background of a paragraph or division? Knowing that this division is floating on other division.
I've tried this but it didn't work...

div.webscope {background:Images/Sydney2.jpg no-repeat; width="600"; height="450"; margin-top=5%}

There is no proplem with keeping the url of the img that way as long as it is in the same webfolder, right?

[moojoo]

background:Images/Sydney2.jpg no-repeat; width="600"; height="450"; margin-top=5%

is not right. It should be.

div.webscope {background:url(../Images/Sydney2.jpg) no-repeat top left; margin:5% 0 0 0;}

As for the width and height you can set the width and height on the div or the paragraph depending on your needs.

[mreine]

If this is exactly what you have in the css then your problem is syntax. You have everything incorrectly entered.

Code: Select all

div.webscope {
 background: Images/Sydney2.jpg no-repeat;
 width="600";
 height="450";
 margin-top=5%
}

Should be

Code: Select all

 
div.webscope {
 background: url('Images/Sydney2.jpg')  no-repeat;
 width: 600px;
 height: 450px;
 margin-top: 5%;
}

It's also a good habit to only use lowercase folder and filenames.

[ahm531]

Thank you guys, it worked properly.