Posted by Koolbreak on 06/24/10 11:55

Ok I need help. im a newbie to css..i know most html. i need to change

this html to xhtml and css. Can someone just show me so that i can
learn? i tried all those online tutorials but its a no go. ok here:

<td height="78" align="left" valign="top"><img src="images/title.gif"
width="777" height="78"></td>
</tr>
</table>
<table width="777" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr align="center">
<td width="200" align="left" valign="top"
background="images/bg-left.jpg"><table width="200" height="256"
border="0" align="center" cellpadding="0" cellspacing="0"
class="leftmenu">
<tr>
<td width="200" height="25" align="center" valign="top"
class="white-text">&nbsp;</td>
</tr>
<tr>
<td height="227" align="center" valign="top">&nbsp;</td>
</tr>
</table></td>
<td width="577" valign="top" bgcolor="#FFFFFF">
<table width="577" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="583" height="22" align="left" valign="bottom"
background="images/white-bar.gif" class="bar-spacing"><font size="2"
face="Arial, Helvetica, sans-serif" class="bar-text">Invite</font></td>

</tr>
</table>
<table width="577" height="344" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td width="555" height="344" align="left"
valign="top"><table width="577" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td align="center" valign="top" class="text">
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td height="30" valign="bottom"
class="text-bold-blue"><table width="100" border="0" cellspacing="0"
cellpadding="0">
</table></td>
</tr>
</table>
<table width="437" border="0" cellspacing="0"
cellpadding="0" class="invite-form">
<tr>
<td width="435" align="center">
<table width="423"
border="0" align="center" cellpadding="0"
cellspacing="0" class="confirm">
<tr>
<td width="421" height="326"
valign="top"><table width="100%" height="97" border="0" cellpadding="0"

cellspacing="0" class="confirm-inner">
<tr>
<td height="24"
class="confirm-line"><span class="confirm-text">Send an Invite
</span></td>
</tr>
<tr>
<td valign="top"
class="confirm-info"><table width="100%" height="245" border="0"
cellpadding="0" cellspacing="0" class="confirm-info">
<tr>
<td height="245"
valign="top"><table width="408" border="0" cellspacing="0"
cellpadding="0">

<tr>

<td width="63" height="25"
class="bold-text-Black">From:</td>

<td width="345" height="25"
class="text-blue-no-underline">Matt Beckham &lt;m...@get2spec.com&gt;
</td>

</tr>

<tr>

<td height="25" class="bold-text"> To: </td>

<td height="25" class="text">Seperate email addresses
with
commas </td>

</tr>

<tr>

<td height="84" class="text">&nbsp;</td>

<td height="84" valign="top"><label>

<textarea name="textarea"
class="invite"></textarea>

</label></td>

</tr>

<tr>

<td height="25" valign="middle"
class="bold-text">Message:</td>

<td height="25" valign="middle" class="text">Send a
message
with the invite (optional). </td>

</tr>

<tr>

How do I take out the tables and turn it inot css? please help!! Thank

you...

• Next in forum: Re: Like baking a cake
• Prev in forum: Re: CSS inheritence - Maybe Easy
• Thread view: html to css help!!

[Reply to this message]