WordPress.org

Ready to get started?Download WordPress

Forums

How to position an image (6 posts)

  1. twenty10
    Member
    Posted 1 year ago #

    Hi,

    the picture at http://zahrnt.com/Schreib-Workshop/ is further to the left than the text, and I would like to align it with the text above and below (but without floating text to the side).

    Margin-left has no effect:

    <img class="size-full wp-image-515 alignnone" style="margin-left: 44px; " title="Schreib-Workshop" src="http://zahrnt.com/wp-content/Webseite-Schreib-Workshop.jpg" alt="" width="594" height="407" />

    What shall I do?

    Thanks!

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Your site is not viewable -- "coming soon" page only. Unfortunately, it's almost impossible to help with CSS issues without seeing the page. Try using Firebug to look at what is going on with the CSS.

  3. twenty10
    Member
    Posted 1 year ago #

    You were really quick - I have disabled the maintenance mode by now.

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Looks like this CSS is messing it up - line 1 in style.css:

    #content img {
        float: right;
        margin: 3px 0 15px 15px;
    }

    Try removing that code entirely.

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Update, just noticed that removing the code above will mess up images on your other pages. Also that all your CSS is on one line -- ???? That's really hard to work with.

    So to deal with the issue at hand, you can use the unique class for that image and try adding this to a NEW LINE in your CSS file:

    #content img.wp-image-532 {
    float: none;
    margin: 0;
    }

    Adjust the left margin if need be.

  6. twenty10
    Member
    Posted 1 year ago #

    Great, that solved my problem!

    I will ask the guy who has programmed the page about the CSS mess.

    Thanks again!

Topic Closed

This topic has been closed to new replies.

About this Topic