Posted by Sym on 11/26/90 11:55

One first start way to change to a tableless layout is to put divs in
place instead of the TR and TD's and call your divs rowe and rowo for
your even and odd rows, then call each column col1 col2 col3, then use
the css to define size etc for each of these.

Obviously this will not work first time, but you can then fine tune it
and get the idea of how such a design works. If someone where to just
give you the html, then firslty you would not have learned how to do it
and secondly everyone else on here would flame it and say it was wrong
and give an alternative way ;)

As above also look at the examples, once you pick up the idea you will
never look back !
rgds
Sym.

Koolbreak wrote:
> 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: Moving folder contents on a server...
• Prev in forum: Re: More lies from Richard Scoville
• Thread view: Re: html to css help!!

[Reply to this message]