blank
03-14-2007, 10:43 PM
Hey guys, I've read about how it's bad to use tables for the layout of a page, and have been suggested to use CSS instead. However, I'm no web developer, and I was wondering if you guys could help me transfer this snippet to XHTML/CSS. I've done some of it, very little actually. Here is the original snippet:
<table class="maintable">
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="1" class="table-border">
<tr>
<td class="box">
<center><br />
<img src="media/images/banner.png" alt="The Company" /><br />
<h2>We are currently under construction.</h2>
<hr class="sep" />
Sorry for the inconvenience.<br />
If you wish to contact me, you can email me at <strong>admin@site.com</strong><br />
</center>
</td>
</tr>
</table>
</td>
</tr>
</table>
The stylesheet is here:
/* main site style sheet */
.table-border {
background-color: #D1D8DD;
width: 80%;
}
.box {
font-size: 12px;
color: #000;
background-color: #F1F1F1;
padding: 4px;
}
.construct {
font-size: 12px;
color: #000;
background-color: #F6F6F6;
padding: 4px;
}
.maintable {
height: 100%;
width: 100%;
}
.sep {
width: 25%
}
I know this might seem like I'm asking you guys to 'do my homework', but I honestly have tried, and here is something to prove it (I know it isn't much, but...):
<body class="construct">
<div class="box">
<center>
<img src="media/images/banner.png" alt="The Company" /><br />
<h2>We are currently under construction.</h2>
<hr class="sep" />Sorry for the inconvenience.<br />If you wish to contact me, you can email me at <strong>admin@site.com</strong>
</center>
</div>
</body>
I'm sorry for being very 'sudden' and making it all seem rushed, fact of the matter is that I'm in a hurry. If you guys don't have time to help me out completely, I'd still appreciate any type of response, even if they are general responses which could get me out out of this, as I'm kind of stuck.
If you are wondering what this actually looks like, here is an example (http://www.newconceptsonline.net/).
Thanks again guys, I appreciate your time.
<table class="maintable">
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="1" class="table-border">
<tr>
<td class="box">
<center><br />
<img src="media/images/banner.png" alt="The Company" /><br />
<h2>We are currently under construction.</h2>
<hr class="sep" />
Sorry for the inconvenience.<br />
If you wish to contact me, you can email me at <strong>admin@site.com</strong><br />
</center>
</td>
</tr>
</table>
</td>
</tr>
</table>
The stylesheet is here:
/* main site style sheet */
.table-border {
background-color: #D1D8DD;
width: 80%;
}
.box {
font-size: 12px;
color: #000;
background-color: #F1F1F1;
padding: 4px;
}
.construct {
font-size: 12px;
color: #000;
background-color: #F6F6F6;
padding: 4px;
}
.maintable {
height: 100%;
width: 100%;
}
.sep {
width: 25%
}
I know this might seem like I'm asking you guys to 'do my homework', but I honestly have tried, and here is something to prove it (I know it isn't much, but...):
<body class="construct">
<div class="box">
<center>
<img src="media/images/banner.png" alt="The Company" /><br />
<h2>We are currently under construction.</h2>
<hr class="sep" />Sorry for the inconvenience.<br />If you wish to contact me, you can email me at <strong>admin@site.com</strong>
</center>
</div>
</body>
I'm sorry for being very 'sudden' and making it all seem rushed, fact of the matter is that I'm in a hurry. If you guys don't have time to help me out completely, I'd still appreciate any type of response, even if they are general responses which could get me out out of this, as I'm kind of stuck.
If you are wondering what this actually looks like, here is an example (http://www.newconceptsonline.net/).
Thanks again guys, I appreciate your time.