This is one of those really annoying CSS bugs that should be so simple to do but is actually fairly problematic because of old browsers like IE6. Vertical-align should be all that’s needed but nope, certain browsers like IE6 don’t support it so we need to do some wizardry to get it to work cross browser. In this post I will talk about one lines and the more tricky wrapping of text…
Articles in the ‘Code’ Category
-
Vertically aligning text without the use of JavaScript
Posted: 3 years ago in Code
Read More: Vertically aligning text without the use of JavaScript
-
5 Handy tips to fix space beneath floated elements
Posted: 3 years ago in Code
When two elements are floated in a div, chances are parent element no longer contains it because the float is removed from the flow. Here you’ll find five quick tips to fix this problem…
Read More: 5 Handy tips to fix space beneath floated elements
-
Prevent Your CSS and Javascript Files From Being Cached
Posted: 3 years ago in Code
Some websites use highly volatile, oft-changing CSS and javascript files. In the case of these files, it’s important that the developer prevent browsers from caching them. How do we do that? By using a phantom querystring, of course. We’ll use PHP to tack the current time onto the file reference. It’s a very simple technique and doesn’t affect your CSS or javascript code in any way…
Read More: Prevent Your CSS and Javascript Files From Being Cached
-
All the Internet Explorer CSS Bugs in One Place!
Posted: 3 years ago in Code
A comprehensive list of CSS bugs that are only found in Internet Explorer, versions 5 and higher. The list is updated regularly and you can find live demos of each bug…
-
CSS Typography – Examples for CSS and Web Typography
Posted: 3 years ago in Code
A demonstration page listing some impressive pure CSS typography tips and tricks. You can view the page source code to see how the effects are achieved…
Read More: CSS Typography – Examples for CSS and Web Typography
-
HTML Test Page for CSS Style Guide
Posted: 3 years ago in Code
Really useful HTML page that you can download and use to test that your CSS file covers all the common HTML tags….
Read More: HTML Test Page for CSS Style Guide
-
Experimental CSS compatibility table
Posted: 3 years ago in Code
This page currently lists compatibility for more recently added features of CSS in contemporary browsers. If a browser is not listed, then assume no support for the feature in that browser…
Read More: Experimental CSS compatibility table
-
10 Quick and Dirty Ways to Lay Out a List of Links
Posted: 3 years ago in Code
The best way to lay out a list of links — say, like those you would find in a footer — is typically to code them as an HTML list and use CSS for the presentation. However, sometimes this is not practical. Here are some variations on how you can separate a list of links, starting with the old standby, the vertical bar or pipe…
Read More: 10 Quick and Dirty Ways to Lay Out a List of Links
-
CSS Hack for Internet Explorer 8
Posted: 3 years ago in Code
Notwithstanding the improvements in the CSS support in Internet Explorer 8, there may be cases when a CSS hack for that particular browser is necessary. Here is one that works in IE8 Standards Compliance Mode…
Read More: CSS Hack for Internet Explorer 8
-
Custom CSS for the iPhone
Posted: 3 years ago in Code
Ever wished you could isolate one or two elements in your site’s CSS stylesheet to render differently on the iPhone? You can! Use this CSS…
Read More: Custom CSS for the iPhone