I came across something today that I’ve never encountered before. Whilst updating one of our company sites, I added some new product shots given to us by one of our suppliers on a cd.

After building the site and regularly checking the result in Firefox/Opera, I decided to have a final check with IE 6-8. To my surprise, some of the product images were not displaying at all!

If you search the web, this is a common problem (usually incorrect file paths, uppercase/lowercase issues on a linux server etc) but I’d already checked the usual supects. I was completely baffled!

Continue reading »

 

To make it easier for your visitors to visually separate similar elements in your web page (such as table rows, paragraphs, list items etc), you can give alternate elements a different background colour. You can achieve this using a server-side script but here’s a really simple way to do this using JavaScript.

Continue reading »

 

In the 2.1 CSS Specification, there are four different pseudo-elements available to use. These are :after, :before, :first-letter and :first-line. Here’s a quick description of each one.

Continue reading »

 

In an ideal world, creating a cross-browser dropdown menu would be straight forward. Unfortunately, the world of browsers is far from ideal (as long as Internet Explorer 6 still exists!). For other browsers, the following code works fine: Continue reading »

 

If you want to give your users the ability to change the appearance of your website dynamically and you don’t fancy using a PHP Style Switcher, you can always use JavaScript. Continue reading »

 

In your typical page navigation, you might have a ‘normal’ state and a ‘hover’ state using the :hover pseudo-class. For example, all nav links have a blue background which changes to a red background when the mouse hovers over them. What if you decide that you’d like the ‘current page’ link to have a red background too? After all, this would make it easier for your visitors to see which page they’re on. Continue reading »

© 2012 ElanManSuffusion theme by Sayontan Sinha

Page optimized by WP Minify WordPress Plugin