Posts tagged image

When to use an img tag, when to use a CSS background image

Nov 3rd

Posted by Neil Craig in (X)HTML

3 comments

<Img> tag vs CSS background image…This has caused much confusion to many web-developers I have met – many more developers don’t care. So, when should you use an <img> and when should you use a CSS background image on your element? The answer is surprisingly simple…In nearly all cases, use <img> tags for contextually important More >

, , , , , , , , , ,

Solution: Javascript returns incorrect width or height of an element containing image(s) when page first loads

Aug 20th

Posted by Neil Craig in (X)HTML

9 comments

Recently, I’ve been doing quite a lot of JavaScript development, part of which involved equalising heights of a group of similar elements on the page. I thought this would be very simple and indeed it was but it threw up a JavaScript quirk which I have seen several times before. The solution is simple, but More >

, , , , , , , , , , , , , , , , , , , , , ,
CSS Sprite image example

A simple example of CSS sprites

May 25th

Posted by Neil Craig in (X)HTML

7 comments

CSS Sprites can help to reduce web page download times and delays caused by downloading of hover/rollover background images. This article walks through the basics with an example of how you can use CSS sprites in a graphical HTML menu.

, , , , , , , , , , , , , , , , , ,