I submitted this before but there never was a resolution.

Basically, I have a list of prices, sorted by quantity.  The higher
quantity you get, the lower the price.

I need a way to display this without using a table, and I'm really
struggling.

Here is the code for a test page: (sorry, I don't have FTP access at
work)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd";>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title> <style type="text/css"> .mpl {
float:left;
display: block;
text-align:center;
font-size:0.9em;
padding-right:1em;
}
.mpl strong {
font-size:1.3em;
display:block;
}
.last {
padding:0;
}
</style>
</head>
<body>
<div style="margin:0 auto; text-align:center;" class="list"> <div
style="display:block; text-align:center;"><strong>Center |
Center</strong></div> <ul style="width:350px; margin: 0 auto; border:
1px solid black;"> <li class="mpl">1 - 14<br
/><strong>$6.62</strong></li> <li class="mpl">15 - 49<br
/><strong>$5.00</strong></li> <li class="mpl">50 - 199<br
/><strong>$3.76</strong></li> <li class="mpl last">200+<br
/><strong>$3.38</strong></li> </ul> </div> </body> </html>

It should look like this when working:


--------Center | Center---------
--1-14---15-49---50-199---200+--
-$6.62---$5.00---$3.76---$3.38--


But I need it to DYNAMICALLY center.  So if I change the values in the
prices, it will still be centered.

I would like to keep this a list, but if I cannot, I will use spans if
neccisary.  I do NOT want to resort to tables, and I'm starting to think
I have to :(
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to