WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] css conflict? add 3px image padding? (5 posts)

  1. webjefa
    Member
    Posted 7 years ago #

    Hi folks,

    I'm a fairly experienced WP'er and web designer but I'm really stuck on trying to add padding to my images.

    On this page: http://malcs.net/blog/
    I just want to add a simple padding command
    padding: {3px;}

    I've changed the css for the images, added an id-specific image padding, and nothing seems to work. Adding hspace and vspace to each image does it, but obviously, I'd prefer to do it in css.....something has to be conflicting, but even aardvark hasn't helped....

    The current css is below....any insights would be appreciated.

    s.

    Current css:

    img {
    border:none;
    padding: 3px;
    }

    .right img {
    position:relative;
    float:right;
    padding: 3px;
    margin:5px 2px 2px 5px;
    }

    .left img {
    position:relative;
    float:left;
    padding: 3px;
    margin:0 5px 0 2px;
    }

    #image38 {
    padding: 3px;}

  2. Evita
    Member
    Posted 7 years ago #

    img {
    border:1px solid black; (for visualization)
    padding: 3px;
    }

    .right img {
    position:relative;
    float:right;
    margin:5px 2px 2px 5px;
    }

    .left img {
    position:relative;
    float:left;
    margin:0 5px 0 2px;
    }

    #image38 {
    }

    Works for me fine in IE6, Opera and Firefox. Maybe you have to clear your cache.

  3. Medizinische Abkuerzungen
    Member
    Posted 7 years ago #

    Looks fine for me?

    The images have borders...

    Perhaps you should try the Web Developer_extension for firefox (you can switch of styles and modify them via css-edit css in your browser)

    http://chrispederick.com/work/webdeveloper/

  4. Evita
    Member
    Posted 7 years ago #

    StefanSuedfeld: "The images have borders..."

    Der Rahmen dient lediglich zur Demonstration, damit man den padding-Abstand auch sieht - 3px sind ja nicht viel.

  5. webjefa
    Member
    Posted 7 years ago #

    Oh geez, yup, it was just my cache. I'm using Firefox 1.5.0.7 and the IE tab extension, and both were not reflecting the changes, for some reason.

    It kills me when I make a problem more complicated than it is.

    Thanks so much for your help, folks.
    s.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags