WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Image Positioning CSS (5 posts)

  1. thatjohnpaul
    Member
    Posted 1 year ago #

    Hi there,

    Not sure if this is the right place, but if anyone is willing to help out, I'd really appreciate it. I'm testing out a site here and I can't seem to find why every blog post divider (the image that comes after each post) is centered and positioned correctly except the one here.

    Thanks!

  2. daviddevor
    Member
    Posted 1 year ago #

    Categories: another category, Uncategorized

    Is shifting it over.

    Instead of using:

    <center>
    <img style="margin: 125px 55px 0 0;" src="http://www.testing.livelikekings.net/wp-content/uploads/2013/01/footer-deco.png">
    </center>

    do something like this:

    <div style="clear:both; text-align:center;>
    <img style="margin: 100px auto 0;" src="http://www.testing.livelikekings.net/wp-content/uploads/2013/01/footer-deco.png">
    </div>
  3. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yes, to the above, except that it's much preferred to avoid using inline CSS at all. So you could put a specific class in for the image and then put the CSS in the external CSS file.

    But for sure, don't use <center> tags as they are deprecated and are unsupported in HTML5

  4. daviddevor
    Member
    Posted 1 year ago #

    yeah i should have hinted at the class, just didnt feel like all the typing. never use inline styles.

  5. thatjohnpaul
    Member
    Posted 1 year ago #

    Fixed! Thank you both so much, I really appreciate it! Cheers.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags