Real Newbie – Padding around images?

  • Resolved kathleena

    (@kathleena)


    19 years, 2 months 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

Viewing 7 replies - 1 through 7 (of 7 total)

  • You need some padding in your stylesheet..

    I align my images to the left like this:

    https://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)..

    Thread Starter kathleena

    (@kathleena)

    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.

    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.

    Thread Starter kathleena

    (@kathleena)

    whooami,

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

    Cool — worked for me too — thanks!

    https://www.greaterfalls.com

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

    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

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Real Newbie – Padding around images?’ is closed to new replies.