CSS Tip of the Weekend

By -
For those who care, I learned a valuable bit of CSS glory from a competing media firm under my own roof. Thanks, Fowler!

When working with background images and colors within a DIV, you may want to have a DIV contain a background image that does not repeat, and then a background color to the remaining area where content overflows the image area. I had always had some issues doing this, so Fowler clarified it all for me. There are two ways you can do it properly, and then an incorrect way (which I had been using.)

Proper Way #1

background: #fff url(img/myimage.jpg);

Proper Way #2

background-color: #fff;
background-image: url(image.jpg);

Improper Way

background-color: #fff;
background: url(image.jpg);

Comments

Post a Comment

Popular posts from this blog

Post-Run Tip of the Day

By Stephanie -
This is a tip for those who might run where giant swarms of gnats sometimes loiter by the side of the road. This tip stems from a run on the Mayan Riviera in Mexico, but I've encountered swarms of gnats in Virginia and Kentucky as well. After your run, always stop and look in a mirror before going into public. Otherwise, you might actually complete a transaction at the resort store and greet five people before realizing you have up to 15 gnats stuck to your face and neck.
Read more

Web Development Tip of the Day

By -
If you've got a job making websites and have out grown the likes of Dreamweaver, and you've got a Mac. Give Coda a try. Its like the Web Development 2.0. That has what you need and not what you don't. Its a text editor, CSS editor, FTP app, Terminal and reference guide all in one window.
Read more