Horizontal image alignment being knocked out « Support Forum | Kriesi.at

Horizontal image alignment being knocked out

4 posts from 3 voices

Tags:

identityconsulting
Member

Hi,

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!

Posted 2 years ago #
James Morrison
Former Team Member

Hey,

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).

James

Posted 2 years ago #
identityconsulting
Member

Aha, works perfectly, thanks. I didn't rewalize that was in there!

Posted 2 years ago #
Dude
Dude

Glad that James could help you :)

Posted 2 years ago #