Margins around ad/picture space

[Eco2020]

Hi,

On both the websites we run, www.eco20-20.com and www.greencareersguide.com the text wraps to closely to the ad or picture that we have and makes articles very hard to read. Here is an example from each site.

http://www.eco20-20.com/How-to-Find-...our-Needs.html

http://www.greencareersguide.com/Gre...eneurship.html

How do I fix this?

Thank you

[Excavator]

Hello Eco2020,
The nearest div that has an id/class I could style is .main-space so this works but it affects all the images and the float right ones don't need a right margin.
It would probably work better if you apply a class to the images and style that instead of this blanket approach but you'll get the idea ... try adding this to your CSS for now -

.main-space img {
margin: 0 10px 0 0;
}

[Eco2020]

I just had a follow up. That worked really well on all my images. Thank you so much. The images are working but the google ads are still not working with the right border.

Any ideas?

[Eco2020]

Also, how would that work on the www.greencareersguide.com website as the css does not have that item?

[Excavator]

Originally Posted by Eco2020

I just had a follow up. That worked really well on all my images. Thank you so much. The images are working but the google ads are still not working with the right border.

Any ideas?

I didn't think it worked well with the images that are floated right. That's why I thought you should add a class to your images so you can style the right ones differrent than the left ones.

[Excavator]

Originally Posted by Eco2020

Also, how would that work on the www.greencareersguide.com website as the css does not have that item?

Again, if you're images had a class...

The images containing div is not needed and you can add the classs something like this -

<a href="http://www.greencareersguide.com/Green-Entrepreneurship.html"> <img  class="limage" height="90" width="100" vspace="5" alt="Entrepreneur" src="http://www.greencareersguide.com/image-files/entrepreneur1.jpg"/></a>

Then you can style it from your CSS like this -

.limage {
float: left;
margin: 0 10px 0 0;
}

[Eco2020]

Thanks so much it worked great!!