WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Real Newbie - Padding around images? (8 posts)

  1. KathleenA
    Member
    Posted 8 years ago #

    Hi,

    I just created a WordPress blog, and this is my first exposure to blogs, WordPress, and this forum. I'd appreciate any and all ideas, especially if they are written in simple terms. I'm not a coding beginner, much less expert. :-)

    I have WordPress 2.0. I uploaded an image, did a drag and drop into the posts, and used the Image Icon to align either right or left. I've tried this using the following themes: Andreas09, Blix, and Ocadia. The text is always slammed right up against the image.

    Any ideas on what I'm doing wrong? Andreas09, for example, is supposed to have borders and padding on images. Is it because I'm putting the images in wrong?

    Thanks,

    Kathleen

  2. sylla2
    Member
    Posted 8 years ago #

    You need some padding in your stylesheet..

    I align my images to the left like this:

    http://www.gudmann.net/ (find a post with an image in it)

    I use a theme called Pool, I think..

    In the stylesheet I've added some padding to img. Like this:

    img {
    border: 0;
    padding: 4px 10px 10px 0px;
    width: 230px;
    }

    That creates a 10px space between the image and the text on the right (among other things)..

  3. KathleenA
    Member
    Posted 8 years ago #

    sylla,

    Thanks so much for the assistance. I used your code, and it worked!

    When I included the "width: 239 px;" it stretched the image, so I took that out. The image looks good now, but it appears smaller than it does on a website.

    How is the size of the image determined? Can I get it to appear at it's original size?

    Thanks again.

  4. whooami
    Member
    Posted 8 years ago #

    height and width of images should be applied via the <img> tag, ie ..

    <img src="blah/image.gif" height="40" width="100">

    unless you want to use CSS to control EVERY image on your site.

    thats also not the preferred way to manage padding, use padding (like the example above) or margin.

    You can omit the width and height, btw, if the image has enough room it will display at its normal size.

  5. KathleenA
    Member
    Posted 8 years ago #

    whooami,

    Thanks for the post. Think I've got it now, and I really appreciate the help.

  6. davidmsc
    Member
    Posted 7 years ago #

    Cool -- worked for me too -- thanks!

    http://www.greaterfalls.com

  7. GarySheehan
    Member
    Posted 7 years ago #

    I've tried the style.ccs modification of align.left and it's not working for me.

  8. GarySheehan
    Member
    Posted 7 years ago #

    Here's a little more info. I've been modifying the style.ccs file that is in the Themes/Default folder. Margin and padding doesn't seem to do anything. Am I changing the correct file?

    Gary

Topic Closed

This topic has been closed to new replies.

About this Topic