Thanks for your reply but this doesn't solve my problem as the size list will
be controlled by a CMS. This means that there may be times when there are 7
options and there may be times when are 3 options.
I somehow need to center the li elements without affecting other textual
content within the containing div. I am trying by best to keep the HTML clean
and I don't want to add any unnecessary divs within the main div.
<div id="content">
<p class="confirm">Knee length Puff Ball has been added to your basket! <a
href="">View Basket</a></p>
<div id="productDetails">
<h2>Knee Length Puff Ball <br />
£320.00<em> Now £290.00</em></h2>
<p>Praesent in odio. Curabitur quam turpis, placerat sit amet, elementum
ut, molestie
at, velit. Quisque ultrices odio pellentesque erat. Sed sit amet purus eu
leo lacinia
ultrices. Vivamus lectus magna, imperdiet non, interdum tempus, dapibus
vel, quam.
Aliquam ut massa. Fusce rhoncus iaculis metus. Donec sollicitudin justo
pharetra ligula. </p>
<h3>Choose your size:</h3>
<ol id="sizeList">
<li><a href="">xs</a></li>
<li><a href="">s</a></li>
<li><a href="">m</a></li>
<li><a href="">l</a></li>
<li><a href="">xl</a></li>
<li><a href="">2xl</a></li>
<li><a href="">3xl</a></li>
</ol>
<p>
<input type="submit" class="button" title="add to basket" name="add to
basket" />
</p>
<p> Has your size sold out? <a href="">Find out when it will be back in
stock.</a> <br />
Not sure what to choose? <a href="">See our size chart.</a> <br />
Know someone who would love this? <a href="">Email to a friend.</a> <br />
Or are you after someone else? <a href="">See more Littel Black
Dresses.</a> </p>
</div>
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Sam Sherlock
Sent: 14 July 2008 13:07
To: [email protected]
Subject: Re: [WSG] Centered List
have a look at
http://www.accessify.com/tools-and-wizards/developer-tools/list-o-matic/
I think your going to need to set the width of the ol (and the li inbetween)
set the margin of your ol to someing like
margin: 5px auto;
get firefox+firebug as it will allow you to test styles in firebug which you
can then move to the actual css
hth - S
2008/7/14 Tyrone Joseph <[EMAIL PROTECTED]>:
Hi,
This is my first post and I am fairly new to CSS.
I'd like some help positioning a floated list. The image link is an example of
that the design should look like (http://www.datadial.net/test/bb-example.gif
).
The problem I am having is that I can float the list items to get them to sit
side by side but the list needs to be centred in the column. Some products will
have fewer size options (ie. I don't know the total width).
<ol id="sizeList">
<li><a href="">xs</a></li>
<li><a href="">s</a></li>
<li><a href="">m</a></li>
<li><a href="">l</a></li>
<li><a href="">xl</a></li>
<li><a href="">2xl</a></li>
<li><a href="">3xl</a></li>
</ol>
Any idea on how I should approach this would be welcome.
Thanks
Tyrone
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
