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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Why won't this text wrap this image?

    Hey guys, I am trying to figure out why this text on the "About" page will not wrap around the image I have floated to the right. Here is the link: http://web38.hosts.deanesmith.net

    And here is the code:

    Code:
    <div class="about_demo">
    <ul class="about_list">
    <li class="question">Why E-Mail Marketing?</li>
    <li class="answer">It works!  When done correctly, e-mail campaigns are one of the most effective new media tools available to marketing professionals today.  By using targeted lists, news-driven information and creative designs, e-mail marketing has become a more accepted avenue of information dissemination.<br><br>
    Campaign Fusion was created by Logic Media Group, a full-service marketing and communications firm that specializes in new media and understands the importance of blending effective e-strategies with traditional public relations, marketing and advertising. The Campaign Fusion e-mail marketing system is a low-cost, effective online communications and e-marketing tool that can work for any business.</li>
    </ul>
    <a href="http://campaignfusion.com/demovid/index.htm"><img src="http://web38.hosts.deanesmith.net/wp-content/themes/blankslate/images/demo.png" class="demo" alt="email marketing"/></a>
    </div>
    Code:
    img.demo {
    float: right ;
    width: 450px ;
    height: 332px ;
    margin-top: 90px ;
    }
    .about2 ul.about_list {
      margin-top:50px;
      width:500px;
      float: left;
    }

  • #2
    Regular Coder
    Join Date
    Oct 2008
    Location
    Poland
    Posts
    381
    Thanks
    150
    Thanked 2 Times in 2 Posts
    Ok, so I see 3 problems.
    First of all the image code should be at the top, like here:

    Code:
    <div class="about_demo">
    <a href="http://campaignfusion.com/demovid/index.htm"><img src="http://web38.hosts.deanesmith.net/wp-content/themes/blankslate/images/demo.png" class="demo" alt="email marketing"/></a>
    <ul class="about_list">
    <li class="question">Why E-Mail Marketing?</li>
    <li class="answer">It works!  When done correctly, e-mail campaigns are one of the most effective new media tools available to marketing professionals today.  By using targeted lists, news-driven information and creative designs, e-mail marketing has become a more accepted avenue of information dissemination.<br><br>
    Campaign Fusion was created by Logic Media Group, a full-service marketing and communications firm that specializes in new media and understands the importance of blending effective e-strategies with traditional public relations, marketing and advertising. The Campaign Fusion e-mail marketing system is a low-cost, effective online communications and e-marketing tool that can work for any business.</li>
    </ul>
    
    </div>
    Second, the .about2 ul.about_list { should be changed to .about_demo, because you have called the class .about_demo not .about2.

    Third, you have to either enlarge the width:500px; for the text or make the image more little.


  •  

    Posting Permissions

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