Viewing posts in: CSS

In previous versions of Bootstrap it was a one-step process to localize it to a container element. This would allow you to use Bootstrap within the WordPress admin and not affect the rest of the built-in WordPress styles. After version 3 of Bootstrap this method no longer works as Bootstrap started using more descendant selectors […]

After attempting to use the CSS3 Pie method for achieving some CSS3 support in IE browsers I’ve unfortunately come to the conclusion that it is still far too buggy for any kind of use other than for testing or demonstrations.  It has a pretty significant issue with the way that IE8 and lower hand page […]

I noticed a subtle but nice feature on the Google News main page recently.  The left-hand navigation that has the various section headings remains fixed to the top left area as you scroll down but it does not overlap the top banner area.  Also, if your browser window is too small to fit the entire […]

I recently ran across this Internet Explorer CSS3 workaround that uses a HTC file to solve the majority of my CSS3 woes when it comes to developing cross-browser layouts.  Rounded corners, drop shadows, gradients, rgba, multiple backgrounds and even PNG transparency support are all solved with a simple (mostly simple) bit of CSS and the […]

Read the Agreement Validator

Recently a client wanted to have a user agreement added to an enrollment form. The catch was that I needed to confirm that the user had at least scrolled through the text before allowing them to continue on with the form submission. Once again, jQuery to the rescue!

Double check your syntax. FireFox is more forgiving of errors than IE when it comes to the CSS code. For example: [sourcecode language=”css”]background:transparent url(images/check.gif)no-repeat 0 6px;[/sourcecode] Will work as intended within FireFox but not IE even though there is no space between the URL declaration and the “no-repeat” parameter. Change that code to: background:transparent url(images/check.gif) […]