Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    Oct 2008
    Posts
    25
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Margins around ad/picture space

    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

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    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 -
    Code:
    .main-space img {
    margin: 0 10px 0 0;
    }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New Coder
    Join Date
    Oct 2008
    Posts
    25
    Thanks
    4
    Thanked 0 Times in 0 Posts
    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?

  • #4
    New Coder
    Join Date
    Oct 2008
    Posts
    25
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Also, how would that work on the www.greencareersguide.com website as the css does not have that item?

  • #5
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Quote Originally Posted by Eco2020 View Post
    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.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    Eco2020 (10-28-2009)

  • #6
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Quote Originally Posted by Eco2020 View Post
    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 -
    Code:
    <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 -
    Code:
    .limage {
    float: left;
    margin: 0 10px 0 0;
    }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    Eco2020 (10-28-2009)

  • #7
    New Coder
    Join Date
    Oct 2008
    Posts
    25
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Smile

    Thanks so much it worked great!!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •