CSS Trouble...

[Alex Clarke]

Ok, I'm now making the final tweaks to my site before it goes live.

The problem I'm having can be seen below. I'm trying to align the sub-total value to the right. So the words 'Sub-total:' remain aligned to the left, while the value is aligned to the right.



Below is the code I'm using (in the shopping cart sidebox).

$content .= '<table><tr><td><span class="cartBoxSubTotal">' . BOX_SHOPPING_CART_SUBTOTAL . '</span></td><td><span class="cartBoxTotal">' . $currencies->format($_SESSION['cart']->show_total()) . '</span></td></tr></table>';
	$content .= '<br />';

I'm using the text-align parameter in my CSS for both of the above classes.

Anyone able to help with this one?

[TinaS]

Try assigning the class to the <td> rather than the text itself so that the cell for your subtotal reads <td class="cartBoxTotal">

I believe that will fix your problem.

[Alex Clarke]

Thanks for the reply. I've already tried this, but forgot to mention that it my original post.

Anyway... it didn't work.

I can make the text bold, change it's colour and size, but not align it to the right!!

Here's the exact css code used...

.cartBoxTotal {
	text-align: right;
    /*font-weight: bold;*/
	color: #939292;
	font-size: 11px;
	padding-right: 2px;
	}

I'm now running out of ideas!

[Kim]

The problem is you added a table with no width defined. Tables are only as big as what is inside them unless you tell it otherwise.

[Alex Clarke]

The problem is you added a table with no width defined. Tables are only as big as what is inside them unless you tell it otherwise.

Ok, I'll try adding a width of 100% and see if that sorts it.

Thanks for the help. :)

[Alex Clarke]

Kim - Just to confirm... this worked a treat! Thanks. :)