Ian On Nov 21, 2005, at 7:54 AM, 2geedesign wrote:
> Hi Roger > I think that I originally raised this point - not Mohammed. > The link is http://www.studleyflorists.co.uk/handtied.html > > and for CSS http://www.studleyflorists.co.uk/stylesheets/main-style > What I want to achieve is that the test size used within the store > elements > remains fixed so that the layout does not break if the viewer > increases the > text size. A better solution would be to let the layout get taller or shorter based on the user's text size requirements. If this were my project, the first thing I would do is streamline the markup and make it valid. I would do the markup something like this... ============ xhtml ======== <div id="content"> <h1>Handtied</h1> <ul id="productlist"> <li class="firstinrow"> <h3>Golden Elegance</h3> <img src="images/elegance_thumb.jpg" /> <p>The ultimate in autumnal sophistication</p> <form action="https://www.paypal.com/cgi-bin/webscr"; method="post" target="paypal"> <fieldset> <label><input name="amount" type="radio" value="35" checked="checked" />standard £35.00</label> <label><input name="amount" type="radio" value="40" /> luxury £40.00 </label> <input type="hidden" name="cmd" value="_cart"> <input type="hidden" name="add" value="1"> <input type="hidden" name="bn" value="webassist.dreamweaver.4_0_3"> <input type="hidden" name="business" value="[EMAIL PROTECTED]"> <input type="hidden" name="item_name" value="Golden Elegance"> <input type="hidden" name="currency_code" value="GBP"> <input type="hidden" name="receiver_email" value="[EMAIL PROTECTED]"> <input type="hidden" name="mrb" value="R-3WH47588B4505740X"> <input type="hidden" name="pal" value="ANNSXSLJLYR2A"> <input type="hidden" name="no_shipping" value="0"> <input type="hidden" name="no_note" value="0"> <input type="image" name="submit" src="http://images.paypal.com/ images/x-click-but22.gif" border="0" alt="Make payments with PayPal - it's fast, free and secure!"> </fieldset> </form> </li> <li> <h3>Chelsea Handtied</h3> <img src="images/chelsea_thumb.jpg" /> <p>Hot pink and pure white blooms</p> <form action="https://www.paypal.com/cgi-bin/webscr"; method="post" target="paypal"> <fieldset> <label><input name="amount" type="radio" value="35" checked="checked" />standard £35.00</label> <label><input name="amount" type="radio" value="40" /> luxury £40.00 </label> <input type="hidden" name="cmd" value="_cart"> <input type="hidden" name="add" value="1"> <input type="hidden" name="bn" value="webassist.dreamweaver.4_0_3"> <input type="hidden" name="business" value="[EMAIL PROTECTED]"> <input type="hidden" name="item_name" value="Chelsea Handtied"> <input type="hidden" name="currency_code" value="GBP"> <input type="hidden" name="receiver_email" value="[EMAIL PROTECTED]"> <input type="hidden" name="mrb" value="R-3WH47588B4505740X"> <input type="hidden" name="pal" value="ANNSXSLJLYR2A"> <input type="hidden" name="no_shipping" value="0"> <input type="hidden" name="no_note" value="0"> <input type="image" name="submit" src="http://images.paypal.com/ images/x-click-but22.gif" border="0" alt="Make payments with PayPal - it's fast, free and secure!"> </fieldset> </form> </li> <!-- repeat as necessary --> </ul> </div> ------------- CSS ----------- #productlist { float: left; /* expand to hold floated contents */ background-color: white; /* hide vertical gaps */ width: 100%; list-style-type: none; margin: 0; padding: 0; } #productlist li { float: left; width: 33%; margin: 0; padding: 0; } #productlist li.firstinrow { clear: left; } #productlist li label { float: left; width: 50%; } /* other styles as appropriate */ -------------------- I'm sorry I can't be more complete, but I'm at work now and don't have much time. It should at least get you started. If you need more assistance, let me know and I'll put something together tonight. Roger, Roger Roelofs [EMAIL PROTECTED] ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
