I am working on a website and need some suggestions on a page layout design.
Here is the page in question:
http://mccormickscchamber.com/dining.php?silverheader=2
I laid this out in div tags and just floated them to the left.
<div class="basicRow">
<div class="box001">
<div id="title">Fannie Kates at the McCormick Inn</div>
<div id="owner">Doree and Jeff Pratt</div>
<div id="address">127 S. Mine St.
McCormick, SC 29835</div>
<div id="phone">864-852-0061</div>
</div><!--end box001-->
<div class="box002">
<div id="title">Georgetta's Good Ole' Home Cookin'</div>
<div id="owner">Georgetta Wiggleton</div>
<div id="address">125 Saddle Horn Dr.
McCormick, SC 29835</div>
<div id="phone">864-852-2244</div>
</div><!--end box002-->
<div class="clearFloat"></div>
</div><!--end basicRow-->
etc....
The problem is "client ease of updating:. The client needs to add and move around these fields on their own using Lime Page but has no html/css knowledge (and will not learn). Obviously they cannot cut and paste because it will mess up the whole "CSS Float".
I was thinking about tables but it leads to the same issues of ease. Does anybody have any ideas?
Any suggestions would be greatly appreciated!
Thanks in Advance,
Brian