...

View Full Version : Margins around ad/picture space



Eco2020
10-27-2009, 05:10 PM
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-the-Right-Alternate-Energy-Source-for-Your-Needs.html

http://www.greencareersguide.com/Green-Entrepreneurship.html

How do I fix this?

Thank you

Excavator
10-28-2009, 01:51 AM
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
10-28-2009, 01:51 PM
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
10-28-2009, 02:04 PM
Also, how would that work on the www.greencareersguide.com website as the css does not have that item?

Excavator
10-28-2009, 03:12 PM
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
10-28-2009, 03:27 PM
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
10-28-2009, 05:10 PM
Thanks so much it worked great!!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum