Previous Message
Next Message

false table

Sent by Ben Ward on 16 September 2005 16:04


I don't know if this is what you were after, but
<html>
<head>
<style type="text/css">
body{ background-color:#ccc; color:#000; margin:0; padding:10px;}
div#currentTotal{border:1px solid #000; width:200px;}
span.rightside{float:right;position:relative;top:-18px;}
span#total{border-top:1px solid #000;}
</style>
</head>
<body>
<div id="currentTotal">
<p>SubTotal<span class="rightside">$ 10.00</span></p>
<p>Shipping<span class="rightside">$ 2.99</span></p>
<p>Tax<span class="rightside">$ 1.59</span></p>
<p>Total<span class="rightside" id="total" >$ 14.58</span></p>
</div>
</body>
</html>


Ben M. Ward

On 9/16/05, chuck clark [EMAIL-REMOVED]> wrote:
> 
> Hi,
> I am trying to create a simple table that displays prices. I guess a real
> html table can be used here, but i am trying to stick with what i have, or
> close to it.
> this is what i have
> <html>
> <head>
> <style type="text/css">
> body{ background-color:#ccc; color:#000; margin:0; padding:10px;}
> div#currentTotal{border:1px solid #000; width:200px;}
> span.rightside{float:right; display:block;}
> span#total{border-top:1px solid #000;}
> </style>
> </head>
> <body>
> <div id="currentTotal">
> <p><span class="rightside">$ 10.00</span>SubTotal</p>
> <p><span class="rightside">$ 2.99</span>Shipping</p>
> <p><span class="rightside">$ 1.59</span>Tax</p>
> <p><span class="rightside" id="total" >$ 14.58</span>Total</p>
> </div>
> </body>
> </html>
> 
> The problem is in order to float:right the prices, i need to put them 
> before
> the labels.
> 
> How can I modify my css so i have more appropriate html, ie
> 
> <p>SubTotal<span class="rightside">$ 10.00</span></p>
> 
> Thanks, Chuck
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org <http://evolt.org> -- 
> http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread: