Background image

We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.

Join our community!

If you're already a member please log in to your account to access all of our features:

Background image
Topic Started: Nov 1 2009, 02:43 PM (102 Views)
mollymoo	Nov 1 2009, 02:43 PM Post #1
Member Posts: 5 Group: Members Member #186,367 Joined: October 23, 2009 I'm Browsing With Firefox 3 My Board URL http://z3.invisionfree.com/minnies1/	I have an image that I would like to use for the background it is on a hosting site. How do I write it into the css plaese?



Tera-Izen	Nov 1 2009, 06:09 PM Post #2
Member Posts: 8 Group: Members Member #177,247 Joined: November 26, 2008 I'm Browsing With Firefox 3 My Board URL http://z13.invisionfree.com/Furland/index.php?	html { overflow-x: hidden; overflow-y: auto; } form { display:inline; } img { vertical-align:middle; border:0px } BODY { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 12px; color: #000000; margin: px px px px; background-color:#000000; background-image: url([URL of image background]) } TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 12px; color: #000000; } a:link, a:visited, a:active { text-decoration: underline; color: #000000 } a:hover { color: #000000; text-decoration:underline } Add what is in red to your CSS IN THE SAME AREA as the example placed here. Though obviously you woul use the url of your image background and without the brackets.



mollymoo	Nov 2 2009, 03:33 PM Post #3
Member Posts: 5 Group: Members Member #186,367 Joined: October 23, 2009 I'm Browsing With Firefox 3 My Board URL http://z3.invisionfree.com/minnies1/	Thank you very much



mollymoo	Nov 4 2009, 10:44 AM Post #4
Member Posts: 5 Group: Members Member #186,367 Joined: October 23, 2009 I'm Browsing With Firefox 3 My Board URL http://z3.invisionfree.com/minnies1/	Hi My image is still not showing, here is the code that I have. What am I doing wrong please? Thanks... form { display:inline; } img { vertical-align:middle; border:0px } BODY { font-family: Monotype Corsiva, Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #0a304e; margin:0px 30px 0px 30px; background-image: url (http://i15.photobucket.com/albums/a367/theminnie/poppy.jpg);} TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: ffffff; } a:link, a:visited, a:active { text-decoration: underline; color: ffffff} a:hover { color: #245072; text-decoration:underline }



Emerald Valley	Nov 4 2009, 01:58 PM Post #5
Member Posts: 2 Group: Members Member #185,588 Joined: September 8, 2009 I'm Browsing With Internet Explorer 6 My Board URL http://z9.invisionfree.com/emerald_valley	This is due to the fact that you used brackets around the url of your background image. Try the same code except remove the brackets around the url.



mollymoo	Nov 4 2009, 03:07 PM Post #6
Member Posts: 5 Group: Members Member #186,367 Joined: October 23, 2009 I'm Browsing With Firefox 3 My Board URL http://z3.invisionfree.com/minnies1/	Thanks it is working now....



1 user reading this topic (1 Guest and 0 Anonymous)


« Previous Topic · Coding Support · Next Topic »