[SOLVED] Changing from html to CSS

[mcdanielnc89]

would someone please ptu this into css format instead of it being in html. like the tables.. I want in css please..

Code: Select all

<table class="topic" border="1" cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td bgcolor="#333399" width="100%">
  <img src="../images/d.gif" alt="arrow" border="0" >
  <font color="#ffffff">TOPIC GOES HERE</font></td>
      </tr>
    </table>
    <table class="files" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td width="100%">
    <table border="0" cellpadding="3" cellspacing="0" width="100%">
      <tr>
        <td width="67%" valign="top">
        <table border="1" cellpadding="3" cellspacing="0" width="100%">
          <tr>
            <td class="dltopic" valign="top" style="width: 12%"><span style="font-family:Verdana; font-size:xx-small; color:#47698D;">
   Description:&nbsp;&nbsp;&nbsp;</span></td>
            <td class="dltopic" width="86%"><span style="font-family:Verdana; font-size:xx-small; color:#47698D;"><br />
</span></td>
          </tr>
        </table>
<table border="1" cellpadding="3" cellspacing="0" width="100%"><tr>
 <td class="dltopic" valign="top" style="width: 18%">
 <span style="font-family:Verdana; font-size:xx-small; color:#47698D;">
 Version:</span></td><td class="dltopic" width="86%">&nbsp;</td></tr></table>
<table border="1" cellpadding="3" cellspacing="0" width="100%"><tr>
 <td class="dltopic" valign="top" style="width: 18%">
 <span style="font-family:Verdana; font-size:xx-small; color:#47698D;">
 File Size:</span></td><td class="dltopic" width="86%">&nbsp;</td></tr></table><table border="1" cellpadding="3" cellspacing="0" width="100%"><tr>
    <td class="dltopic" valign="top" style="width: 18%"><font face="Verdana" size="1" color="#47698D">
    Added:</font></td><td class="dltopic" width="86%">&nbsp;</td></tr></table></td>
        <td class="dlimage" width="20%" valign="top">
        <table border="0" cellpadding="3" cellspacing="0" width="100%">
          <tr>
            <td width="100%">
            <p align="center">
           <img src="http://www.newbreedjesusfreaks.com/images/download.gif" alt="Download" border="0"></p>
   </td>
          </tr>
        </table>
        </td>
      </tr>
    </table>    
    </td>
      </tr>
    </table>

[Monie]

That's a complex layout for css!
I'm sure it can be done in css, but what' the point?

Isn't that looks nice in table?
I am pretty sure somebody that are professional in CSS would do it in table as well...
Ask karinne, she is my "teacher" lol...

[mcdanielnc89]

hmm so iyp it shouldl jsut stay as it is?

[Monie]

I think so, maybe you should wait for other member in this forum to give their idea instead.
Maybe I was wrong about this, and maybe there are some of the designer out there that have done the same way in CSS, who knows

Honestly, I went to check some of the popular CSS site that have this kind of form filling, and they are still using table for the form layout.

Cheers

[Marc]

Hmm... I rekon it shouldnt be that hard to do it in CSS. It is too late for me to create an example (school time ).

[Marc]

Infact, now that i look at it, cant you just keep that info in a table? After all it is tabular data and is not for layout purposes.. I would recommend that you put the topic title in a H tag...

[Monie]

Yes, It's not difficult doing that in CSS, but in this king of situation, it is better to use table. By the way,

I have with me a video tutorial on how to do a css form like this. It is done 100% in CSS, I'll have a look at it and get back to you soon..

[jtyoungs]

do you want that just as a page? or do you want to put that in a page? and is it using php? because its best to use css to layout a page but still use tables for php

[AdRock]

I agree with Marc as it is tabular data and it would be very easy to do something like that in CSS and it wouldn't take much doing but it looks good the way it is. If it for for page layout I would say use CSS but I think it looks fine.

Onew thing I would change though, is have the first column all the same width. Your descrition cell is smaller than the others and it looks odd

[karinne]

Things like a forum post display (like this very section here) is data and so should be coded in tables.

So ... this should stay in tables. If you have this online so I could actually "see" what it suppose to look like (I am human after all ... I ain't Neo - Now there was a blast from the past )

[mcdanielnc89]

sure.. i will get the link here ina few.. I'm waitign for some updates on my sister as she was in a school bus accident....

[Marc]

Hope your sister is alright, family should always come first.

[mcdanielnc89]

http://newbreedjesusfreaks.com/downloads.html

heres a example of it...




And my sister is doing okay.. somethign wrong in her back and her elbow...Ill post about it in the main forum...

[karinne]

Well ... that's data my friend so ... table it is

[mcdanielnc89]

ok, thank you...

[Monie]

yeah, I read/saw a tutorial on this kind of things and it is very "boring" process.
You'll play around with margin, padding and clear a lot!

Stick to table..

[mcdanielnc89]

lol, ok...