Aligning images

  • Author
    Posts
  • #535574

    Hi! I am having some diffilculties aligning images. Basically I cut an image into 4 parts and align them again to ‘fit the pieces back together’. You may wonder ‘why are you doing that in the first place’? Well I’m doing that because I want different parts of the image to link to different pages, hence I have to use multiple images.

    In the editor the aligned images look like this:
    http://img72.imageshack.us/i/editorp.jpg/

    When I publish, it looks like this:
    http://img714.imageshack.us/i/browser.jpg/

    Does anyone know how to resolve this problem?

    Thanks in advance!

    The blog I need help with is starcraftadventures.wordpress.com.

    #535685

    1tess
    Moderator Emeritus

    Why don’t you just use image mapping?
    You can use PhotoShop or an online software thing-y to make an image map.
    For example:
    http://www.image-maps.com/

    #535686

    1tess
    Moderator Emeritus

    Here is an example I used for image mapping an image on my site:
    http://1tess.wordpress.com/2010/01/17/meal-ready-to-eat-mre/

    #535687

    :o, Never heard of image maps! If this works, I love you.

    #535692

    Ok, it works in pure HTML…this code is amazing! :D

    Code:
    <body>
    <img src=”linktoimagehere.jpg” usemap=”#green” border=”0″>
    <map name=”green”>
    <area shape=”rect” coords=”441,82,491,132″ href=”linktopage”>
    </map>
    </body>

    Only downside is that now that I know this I’m going to redo my entire blog :p

    #535727

    1tess
    Moderator Emeritus

    I’m happy to have helped you to discover a new toy!

The topic ‘Aligning images’ is closed to new replies.