Wordpress images not centering

Discussion in 'HTML & Website Design' started by ThoughtPunk, Aug 18, 2008.

  1. #1
    In not sure if anyone is having the same issue with their wordpress blogs as me but I am not able to center my images on my blogs. have a look here.

    when i add a image to a post the image looks like it wants to align left.

    Its weird, I manually uploaded the images, hand coded the html for the image, and set it to center.

    I was having the same issue with another theme, so its not the theme.

    Does anyone have any suggestions or ideas?
     
    ThoughtPunk, Aug 18, 2008 IP
  2. Joseph S

    Joseph S Well-Known Member

    Messages:
    1,373
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    155
    #2
    Try editing this part of your css:
    #content p img {
    	float: left;
    	border: none;
    	margin: 0px 10px 10px 0px;
    	}
    
    Code (markup):
     
    Joseph S, Aug 18, 2008 IP
  3. ThoughtPunk

    ThoughtPunk Active Member

    Messages:
    1,135
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    78
    #3
    ill give it a shot.

    Even when i placed the images below all the content is still jacked up everything. i just removed them, but obviously i need to get this worked out. I need images on my posts. lol

    It might be an issue with the version im using. Im gonna check the wordpress forums

    Thanks.
     
    ThoughtPunk, Aug 18, 2008 IP
  4. ThoughtPunk

    ThoughtPunk Active Member

    Messages:
    1,135
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    78
    #4
    I just checked that, its already in the css. HMM, ill try messing with it. i'm thinking its defaulting to left, obviously because of float: left; am i right?
     
    ThoughtPunk, Aug 18, 2008 IP
  5. master_06

    master_06 Peon

    Messages:
    289
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #5
    If that happens when you re-edit your posts, then what you have to do is to remove first the post and then re-enter it with the image code on where you want to place it and then re-publish while in the html mode.
     
    master_06, Aug 18, 2008 IP
  6. Xavier_3D

    Xavier_3D Well-Known Member

    Messages:
    1,299
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    140
    #6
    Xavier_3D, Aug 18, 2008 IP
  7. ThoughtPunk

    ThoughtPunk Active Member

    Messages:
    1,135
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    78
    #7
    I figured it out. Thanks everyone.

    I just removed the Float: left; from the css and placed the images in the <p> tag. It was the float that was causing this. Ill head to the WP support and help out the others, ill even post a blog about it to. It must be a default setting.

    thanks.
     
    ThoughtPunk, Aug 18, 2008 IP