Forum Moderators: not2easy
I have problem to work out this 2 column layout. What mistake did i make in the following code? please advise. Thank you!
seanbun.
<html><head>
<style>
h2{
font: bold 1em Verdana,sans-serif;
margin : 4px 10px;
padding: 10px 0 3px 0;
}
#new-install{
width : 380px;
border : 1px solid #333;
margin-left : 400px;
}
#fast-transfer{
float : left;
width : 380px;
border : 1px solid #333;
}
.style01-table td{
margin : 2px;
background: #FFF;
font : 0.8em Verdana, sans-serif;
}
.style01-table th{
margin : 2px;
background: #E1A8AC;
color : #333;
font: bold 0.8em Verdana, sans-serif;
}
</style></head>
<body>
<div id="fast-transfer">
<h2 >Column A</h2>
<table class="style01-table" width='90%'bgcolor="#999999">
<tr><th width="50%">Contract Terms</th><th>Setup Fee</th></tr>
<tr><td>6 months</td><td>$5.00</td></tr>
<tr><td>12 months</td><td>$13.00</td></tr>
</table>
</div>
<div id="new-install">
<h2>Column B</h2>
<table class='style01-table' width='90%'bgcolor="#999999">
<tr><th width="50%">Contract Terms</th><th>Setup Fee</th></tr>
<tr><td>6 months</td><td>$1.00</td></tr>
<tr><td>12 months</td><td>$5.00</td></tr>
<tr><td>18 months</td><td>$7.00</td></tr>
</table>
</div>
</body>
</html>
What mistake did i make
That's hard to say without knowing what the problem is. Can you provide us with a brief explanation of what you WANT the page to look like versus what it actually looks like with the above code?
cEM
