I’ve got a few horizonataly aligned images (using image-align divs) and they were working perfectly, and it would seem since I updated habitat they’ve stopped. They still align, except the first image in a sequence is knocked off by a few pixels. I’ve got two where this effect is visible:
http://www.identityconsulting.co.uk/Newsite/ (The about us, latest work, etc heading images)
http://www.identityconsulting.co.uk/Newsite/portfolio/change/ (The three white squares at the bottom)
Thanks very much!
Your first image is contained within a h1 tag; the other 2 are using p tags. This alignment issue is caused by the margin being set at different levels (h1 => 15px top margin / p => 0.5em top margin).
You can adjust the CSS to fix this, but really it shouldn’t be an h1 on the image – as search engines see this the image is the most important element on the page and since they can’t “see” images they’d rely on the ALT text (which is blank).
The topic ‘Horizontal image alignment being knocked out’ is closed to new replies.