Viewing 9 replies - 1 through 9 (of 9 total)
  • It would be. It’d be the padding or margins for the left-aligned image class (whatever it’s called) that you’d have to fix.

    Oh. I just tracked your site down (really, a link to your site is pretty much essential for this sort of thing) and found that you don’t have any style specifications for images in your css. In fact that image’s position is specified in the html code:

    <img src="http://www.skate2stick.com/wp-content/uploads/campbell_colin.jpg" alt="campbell_colin.jpg" align="left" height="185" width="185" />

    It’s not ideal to have align=”left” but so it goes.

    Since the image is in a div with the class of “entry” you could add something like this to your stylesheet:

    .entry img{margin: 15px 15px 15px 0;}

    You can play around with the numbers to get the spacing you want.

    Thread Starter TonyH

    (@tonyh)

    Thanks for all the help and I will give it a shot. Sorry about the lack of a site link. my site

    Thread Starter TonyH

    (@tonyh)

    Where in the style sheet would you put this code. I have included a .txt file of the style sheet. Style code

    It could go anywhere. Just put it on a new line somewhere you can find it easily, like the end.

    An an alternative would be simply to add hspace=”x” and vspace=”x” to the code for the pictures themselves. It’s deprecated, but so’s other stuff you’re doing. You’d end up with:

    <img src="http://www.skate2stick.com/wp-content/uploads/campbell_colin.jpg" alt="campbell_colin.jpg" align="left" height="185" width="185" hspace="15" and vspace="15" />

    These specify the amount of space around the image vertically and horizontally, in pixels. You can of course make the space as bit or small as yhou like.

    Thread Starter TonyH

    (@tonyh)

    I tried this .entry img{margin: 15px 15px 15px 0;} in the style.css and I did not notice any difference

    Thread Starter TonyH

    (@tonyh)

    I moved the code to the top of the page and it worked perfectly Thanks for the help Haecceity

    I noticed that you had the code in your stylesheet within <code></code> tags, which was probably what was stopping it from working.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Pic padding around text’ is closed to new replies.