Styling Tables and Cells

I already have some code and it has been working.  I need to add another table inside the body
<div class="colmask rightmenu">
	<div class="colleft">
		<div class="col1">

			<table style="width: 70%; float:left">
				<tr>
					<th>Description</th>
					<th>Cost</th>
				</tr>
				<tr>
					<td>Gateway Set-Up Fee</td>
					<td id="costs">Free</td>
				</tr>
				<tr>
					<td>Monthly Gateway Fee</td>
					<td>Free</td>
				</tr>
				<tr>
					<td><strong>Qualified Discount Fee</strong> - Keyed Visa / 
					MasterCard / Discover Card</td>
					<td>1.90%</td>
				</tr>
				<tr>
					<td><strong>Qualified Transaction Rate</strong> - Keyed 
					Visa / MasterCard / Discover Card</td>
					<td>25&cent;</td>
				</tr>
				<tr>
					<td><strong>Non Qualified Discount Fee</strong> - Keyed Visa / MasterCard / Discover Per Sale Fee
 Rewards / International / Corporate / Cards </td>
					<td>2.90%</td>
				</tr>
				<tr>
					<td><strong>Non Qualified Transaction Fee</strong> - Keyed Visa / MasterCard / Discover Per Sale Fee
 Rewards / International / Corporate / Card&cent;</td>
					<td>30&cent;</td>
				</tr>
</table>
			<!-- Column 1 end -->
		</div>
		<div class="col2">
			<!-- Start of Navigation -->
			<!--#include file="includes/nav-ecomm.asp" -->
			<!-- End of Navigation -->

Open in new window

I have this CSS but it needs a little work  but I am mainly looking to add a bottom border, and have no margin, and center the Costs - the second column.  But the few things I have tried but I cannot get it to work, with the exception of adding it inline
<td style="text-align:center">30&cent;</td>

Open in new window

which of course I would not want to do.


Thank you!
style.css
LVL 29
coreybryantAsked:
Who is Participating?
 
Scott Fell, EE MVEConnect With a Mentor Developer & EE ModeratorCommented:
Added class .tdprice{text-align:center;}  http://jsbin.com/aceGEZE/1/

 <div class="colmask rightmenu">
	<div class="colleft">
		<div class="col1">

			<table style="width: 70%; float:left">
				<tr>
					<th>Description</th>
					<th class="tdprice">Cost</th>
				</tr>
				<tr>
					<td>Gateway Set-Up Fee</td>
					<td id="costs">Free</td>
				</tr>
				<tr>
					<td>Monthly Gateway Fee</td>
					<td class="tdprice">Free</td>
				</tr>
				<tr>
					<td><strong>Qualified Discount Fee</strong> - Keyed Visa / 
					MasterCard / Discover Card</td>
					<td class="tdprice">1.90%</td>
				</tr>
				<tr>
					<td><strong>Qualified Transaction Rate</strong> - Keyed 
					Visa / MasterCard / Discover Card</td>
					<td class="tdprice">25&cent;</td>
				</tr>
				<tr>
					<td><strong>Non Qualified Discount Fee</strong> - Keyed Visa / MasterCard / Discover Per Sale Fee
 Rewards / International / Corporate / Cards </td>
					<td class="tdprice">2.90%</td>
				</tr>
				<tr>
					<td class="tdbottom"><strong>Non Qualified Transaction Fee</strong> - Keyed Visa / MasterCard / Discover Per Sale Fee
 Rewards / International / Corporate / Card&cent;</td>
					<td class="tdprice tdbottom">30&cent;</td>
				</tr>
</table>
			<!-- Column 1 end -->
		</div>
		<div class="col2">
			<!-- Start of Navigation -->
			<!--#include file="includes/nav-ecomm.asp" -->
			<!-- End of Navigation -->

Open in new window

0
 
coreybryantAuthor Commented:
Thanks - that worked on that site.  Since selling some of the sites - I am re-doing some of them and for some reason I could not  get that to work the first time ..  I might go get the style sheet I used the loudest, that was the one that I had more luck with and still have a copy of it.
0
 
coreybryantAuthor Commented:
Thanks, I can use this at least temporarily until we re-do them
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.