Monday, January 26, 2009

Frame Around the Pic



Ok, I have been sad to have "frameless" pictures on my blog. See when I upload pics into blogger, they automatically make it clickable, but sometimes I don't want clickable...so I just do <img src="http://the name of my pic.jpg"> (see this How-to if you are confused. The problem is, that cute little frame goes away.

BUT I have found that if I do a CSS code instead of an HTML code, it works with minimul changes.

This is the code for the picture above:
<img style="margin: 0px auto 10px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC2MHMELd0z0qH1fdm1oeeU1Yy7WwMNsUSsX0vwo5hBpMqpyPauMCM-ZdAf1FHyvIbN0UvTbrj96OdtfUhJvqN1PxqiEkrw3ve0FlinegOrYHXLNWsorjCm94L40G4TL_V-Q7Ogsm2W4s/s400/waterbuffalo.jpg" />

It is the "margin: 0px auto 10px;" after the img style (instead of img src).

Have I totally confused you? Drop me a line and let me know if this is as clear as mud and I'll try to verbalize better, okay?

2 comments:

  1. This comment has been removed by a blog administrator.

    ReplyDelete
  2. I don't usually delete comments, but that one was just a spam advertisement.

    ReplyDelete