I have this: .content { background-color: #FBFBFB; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #6507BD; } Instead of a color, I want to use a picture as my background, what do I need to change? Thanks
Exactly Now it looks like this: .content { background-image: url(http://www.mydomain.com/images/back.jpg); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #6507BD; }
you also might want to control the repeat of the background. the default is for the background to repeat in both directions. [tiled] other options are: { background-repeat: repeat-x; background-repeat: repeat-y; background-repeat: no-repeat; [one instance] background-repeat: repeat; [tiled] }
You can do some neat things with backgrounds. Take a look at the FSBO real estate site in my signature with your resolution at 800x600, then at 1024x768. It's a great way to fill what can be whitespace on higher resolutions. I've seen some sites set their container to align left, then have a vertical logo showing on the right hand side only when viewing at higher resolutions than 800x600.
Yeah... I played with trying to fill a little white space on seo-dev.co.uk I've got a couple of issues with some sites I'm working on at the moment but I'll get over them soon enough.... I love playing with CSS.
Playing with links is fun, and there's forgetting to include the stylesheet for a couple hours and wonder why it's not working... But you end up learning so much more like that, because it makes you use your brain to think of ways around things that should work that don't... and im not saying it should worked in my case... well, i'm just sayin!!