CSS-Tricks PSD to HTML

Archive for December, 2007



Non-Transparent Elements Inside Transparent Elements

Reader Shane left a comment:
If using transparency on a block element it makes the text inside transparent as well. Is there a way i can prevent that from happening? I tried putting the text in another div and setting the opacity to 100%, but that didn’t do the job. - although, logically, i thought it [...]

Links of Interest

Keep your list items INSIDE

There is quickie CSS trick over on Free CSS Templates reminding about the list-style-position property and how you use it to keep your list items inside your list instead of (weirdly) defaulting outside.
 
Articles at Blogging Tips

I’ve joined the team over at Blogging Tips. I plan to write articles over there regarding [...]

Centering List Items Horizontally (Slightly Trickier Than You Might Think)

The current standard in coding menus is unordered lists. It’s not as semantic as a <nav> tag would be, but it’s not that bad. Navigation is, after all, a list of sorts.
If you want to make this navigational unordered list horizontal, you have basically two options:

Make the list items inline instead of the default block. [...]

Big Stories on Web Design this Month

This is kind of a Links of Interest post, but I wanted to highlight these things extra-specially:
A Preview of HTML 5

I know everyone and their mother is going to be linking to this article, and I also know this is potentially years away, but I can’t help but get excited thinking about how sweet HTML [...]

How To Steal A Websites Background Image

Note: this should only be used for the powers of good! Don’t go around stealing people’s background images and using them on your own site without asking!
Many sites employ the use of a background image. They range from absolutely, unbelievably awful to simple and classy to downright inspiring. Since the image files that create them [...]

Thank you for visiting CSS-Tricks! I'm glad you found an article useful enough to print out! Remember to visit css-tricks.com often for more fresh content.