Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #3763

    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!

    #43632

    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

    #43633

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

    #43634

    Glad that James could help you :)

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Horizontal image alignment being knocked out’ is closed to new replies.