PDA

View Full Version : price list text alignment


spazzer
05-28-2010, 06:11 AM
hi all,
I have a pricelist on my website and was wondering if anyone can help, I have text to the left with an item description and then need to place the prices to the right on the same line !
I have created a style for the prices and floated them right but don't think this is correct way of acheiving this, can anyone advise best way to achieve this !

gentleone
05-28-2010, 06:22 AM
As it is a price list, than you should use an unordered list and tweak it in your CSS so that it will be colums.

Check this on how to do that:
http://www.communitymx.com/content/article.cfm?cid=27f87

But it would be better to see what you're really after on how it has to look for you.

gentleone
05-28-2010, 06:35 AM
I did some testing with this method and if you give the li from the second column a class with text-align: right than it would look like this:
http://www.gentlemedia.nl/price-list.htm

spazzer
05-28-2010, 01:43 PM
Hi,
Thanks for reply, the web page is here if you would like to take a look http://jsmobilebeautytherapy.co.uk/price_list/index.html

thanks again for help nc

gentleone
05-28-2010, 07:13 PM
Okay, I see! Personally I would go for the 2 column list than the span tags you implemented. Although it's the same result and your way is not really wrong or so, but the 2 column list gives a cleaner code than all those span tags everywhere through your list items.

d a v e
05-29-2010, 04:44 PM
or use a table , seeing as it's data

gentleone
05-29-2010, 07:30 PM
or use a table , seeing as it's data

That popped also in my mind and it can be seen as data, but I think the 2 column list is less code than a table.

d a v e
05-30-2010, 06:32 AM
That popped also in my mind and it can be seen as data, but I think the 2 column list is less code than a table.

true ;)