HTMLHelp Forums > How to widen width of text/image while using float

Full Version: How to widen width of text/image while using float

HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)

Beth

Feb 27 2011, 05:52 PM

Hi.
I have another question (just thought I keep them separate since they are unrelated).

I am using float with and image, and I have it the way I want it on the page, but the text is squished a little. I want it to be wider and use more of the page width, but it won't. I am using 100% width and have tried many things, but I am stumped!

Page: wedding gifts

Code for first item:

CODE

        <tr><td class="LS">
<div class="fr"><a title="Personalized Wedding Throws" href="http://www.thecozycactus.com/wedding-throws.html"><img src="p/wedding-throw_ivy.jpg" alt="Custom embroidered wedding afghan, personalized throw" title="Wedding gifts - personalized wedding throws, Customized wedding afghans"></a>
<br><a title="Personalized Wedding Throws" href="http://www.thecozycactus.com/wedding-throws.html">Personalized wedding throws</a></div>
<div class="hrt"></div><h2>Personalized Wedding Throws</h2>
<p>
<p>Beautiful natural cotton afghan with fringe edge.  <b>Wedding throw </b>embroidered with bride & groom's first name and date &
<a href="http://www.thecozycactus.com/wedding-throws.html" title="Personalized custom wedding throws"> choice of design.</a>
<br><br>$49.95<br>More info:  <a title="personalized wedding throws for wedding gifts" href="http://www.thecozycactus.com/wedding-throws.html">Wedding Throws</a></p>
        </td>    </tr>

CSS:

CODE

.LS {padding:0 10px 0px 75px;width:100%;text-align:left;}
.fr {float: right;margin: 0 0 25px 30px;text-align:center;}

Any suggestions? As always, I appreciate your help!

Beth

Feb 27 2011, 06:03 PM

Ok, I have been working on this all day and as soon as I gave up and submitted this, I had a thought -- I was using columns before I changed to using float and still had "colspan=2" in the rows above and below my items which was forcing it all to the left.

Sorry for your trouble, but thanks for looking.

pandy

Feb 27 2011, 06:12 PM

Cut down on margin and/or padding.

Darin McGrew

Feb 28 2011, 03:03 AM

It would also help if you used a liquid layout, rather than a fixed-width layout. Then your content could fit the width of the available space.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.