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 »

 

AJAX is now everywhere on the web. The ability to update content on the web page without reloading the page provides a slicker experience to the user whilst also reducing the load on the server (the server only needs to output the updated content and not the entire page).

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 »

 

After you’ve shortened your css, it’s time to get to know your css selectors. The following selectors are all in the css2.1 specifications and should work in all modern browsers (in case you’re wondering, Internet Explorer 6 is not a modern browser!). I haven’t covered the class and id selectors as I assume you’re already familiar with them. Continue reading »

 

What are CSS hacks?

A CSS hack is a way to use the browsers incorrect implementation of CSS to your benefit. Different browsers have different ways of interpreting combinations of css rules and selectors. Although it’s preferable to use conditional comments wherever possible, there are definitely times when a quick css hack is ideal. For example, if I have just one rule that needs overriding for IE, I will use a hack simply because its quicker and involves less messing about. Our time is valuable after all!

Continue reading »

 

You’ve built a site and it looks great on Firefox, Safari, Opera etc but after taking a look at it using Internet Explorer, your heart sinks as you see your wonderful website messed up beyond belief!

I always use Firefox during the development process to check how my website looks as it renders web pages the ‘correct’ way.  (The various add ons that are available make it a great choice too). However, I also ensure that the site looks the same in all browsers. Internet Explorer (especially IE6) is the curse of many a web designer and can cause lots of problems for the newcomer to web design.
Continue reading »

© 2012 ElanManSuffusion theme by Sayontan Sinha

Page optimized by WP Minify WordPress Plugin