...

View Full Version : Why won't this text wrap this image?



utkdave
08-10-2012, 08:22 PM
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:



<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>




img.demo {
float: right ;
width: 450px ;
height: 332px ;
margin-top: 90px ;
}
.about2 ul.about_list {
margin-top:50px;
width:500px;
float: left;
}

utnalove
08-10-2012, 11:28 PM
Ok, so I see 3 problems.
First of all the image code should be at the top, like here:


<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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum