Support » Themes and Templates » css conflict? add 3px image padding?

  • Resolved webjefa

    (@webjefa)


    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;}

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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.

    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/

    StefanSuedfeld: “The images have borders…”

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

    Thread Starter webjefa

    (@webjefa)

    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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘css conflict? add 3px image padding?’ is closed to new replies.