FONTS
< CSS & CO
< INTERNET divers
< mdemrs
Get flash to fully experience Pearltrees
Do you want to create fancy headings without rendering each heading with Photoshop? Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). All you need is an empty <span> tag in the heading and apply the background image overlay using the CSS position:absolute property. This trick has been tested on most browsers: Firefox, Safari, Opera, and even Internet Explorer 6. Continue to read this article to find out how. View Demos
Today’s tutorial is going to be short one, as I’m working on one last piece of coursework. This time I’m going to explain a clever CSS trick borrowed from Nick Boalch . Here’s a screenshot: Here’s the HTML : <blockquote cite="http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.1"> <div> Tables should not be used purely as a means to layout document content as this may present problems when rendering to non-visual media.