Image bAckground of a division

ahm531 · #1 Aug 31st, 2006, 14:58

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 · #2 Aug 31st, 2006, 15:08

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 · #3 Aug 31st, 2006, 15:09

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 · #4 Aug 31st, 2006, 15:54

Thank you guys, it worked properly.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Division alignment problem	Craigj1303	Web Page Design	0	Apr 3rd, 2008 14:29
Division	Jack Franklin	Databases	0	Mar 26th, 2008 17:46
how they do the background image act like that ?	marSoul	Webforumz Cafe	11	Nov 10th, 2007 19:18
Background image overlaping footer image at bottom of div	lw_d	Web Page Design	4	Mar 21st, 2006 00:27
Need help with my background image!!!	courtjester	Web Page Design	3	Sep 30th, 2003 15:25

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Image bAckground of a division