Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
Converting from tables to <div>
Old 01-15-2007, 01:51 AM Converting from tables to <div>
Mattmaul1992's Avatar
Ultra Talker

Posts: 486
Name: Matt
Trades: -1
Hi,
I see the new standard for some reason is to design with <div>, CSS, and JavaScript, instead of tables. I'm not sure why. It just looks like more work, with less of a result but I need to start using <div> instead of tables. Were can I learn how to do this?
Mattmaul1992 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 01-15-2007, 02:44 AM Re: Converting from tables to <div>
King Spam Talker

Posts: 1,186
Location: Manchester, UK
Trades: 0
Doing anything new will seem like more work for a while. You just need to become familiar with the 'new way'.

Try this: http://www.google.com/search?hl=en&q...=Google+Search
gringo is offline
Reply With Quote
View Public Profile Visit gringo's homepage!
 
Old 01-15-2007, 05:40 AM Re: Converting from tables to <div>
McBone's Avatar
Super Talker

Posts: 149
Name: i have left
Location: i have left
Trades: 0
HTML Code:
<TABLE CLASS="TABLE">
    
    
    <THEAD >DATA</THEAD>
    
    <TBODY>
     
        
<TR CLASS="TABLE">  
        <TD CLASS="TABLE">DATA</TD>
<TD CLASS="TABLE">DATA</TD>
        
        
      </TR>


 <TR CLASS="TABLE">  
        <TD CLASS="TABLE">DATA</TD>
        <TD CLASS="TABLE">DATA</TD>
        
      </TR>
   
      <TR CLASS="TABLE">  
        <TD CLASS="TABLE">DATA</TD>
        <TD CLASS="TABLE">DATA</TD>
        
      </TR>
   </TBODY>
  </TABLE>

</div>
and in the stylesheet

HTML Code:
CAPTION.TABLE
  {
     background-color:#FFFFFF;
     color:white;
     border-style:solid;
     border-width:0px;
     border-color:black;
  }

  TABLE.TABLE
  { 
     font-family:comic sans ms;
     font-size:0.9em;
     background-color:#FFFFFF;
     width:600px;
     border-style:solid;
     border-color:black;
     border-width:0px;
  }

  TH.TABLE
  {
     font-size:0.9em;
     color:black;
  }


  TR.TABLE
  { 
     height:100px;
  }

  TD.TABLE
  {  
     font-size:1.1em;
     background-color:#FFFFF;
     color:black;
     border-style:solid;
     border-width:0px;
     text-align:center;
  }

CAPTION.TABLE2
  {
     background-color:#FFFFFF;
     color:white;
     border-style:solid;
     border-width:0px;
     border-color:black;
  }

  TABLE.TABLE2
  { 
     font-family:comic sans ms;
     font-size:0.9em;
     background-color:#FFFFFF;
     width:700px;
     border-style:solid;
     border-color:black;
     border-width:0px;
  }

  TH.TABLE2
  {
     font-size:0.9em;
     color:black;
  }


  TR.TABLE2
  { 
     height:100px;
  }

  TD.TABLE2
  {  
     font-size:1.1em;
     background-color:#FFFFF;
     color:black;
     border-style:solid;
     border-width:0px;
     text-align:center;
  }
I use something similar that

Last edited by McBone; 01-15-2007 at 05:41 AM..
McBone is offline
Reply With Quote
View Public Profile
 
Old 01-15-2007, 11:32 AM Re: Converting from tables to <div>
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
In the long run, CSS will mean LESS work, not more. Maintaining a morass of nested tables on a large site is extremely time consuming. I can change an ENTIRE site by changing just a few lines in a single CSS file ! Major time saver and you don't have to deal with the spaghetti code needed for nested tables. You actually get MORE flexibility with CSS than you'll ever get with tables.

CSS does have a learning curve, but so does everything else new and worth learning to better your skills. You might want to read thru this article for reasons why CSS is better than tables for layout:
http://www.hotdesign.com/seybold/everything.html
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 01-15-2007, 01:00 PM Re: Converting from tables to <div>
Mattmaul1992's Avatar
Ultra Talker

Posts: 486
Name: Matt
Trades: -1
Thanks, I'm reading those articles and am starting to understand why, and a little on how.
MCBone... That's not even XHTML let alone a no-table design.
Mattmaul1992 is offline
Reply With Quote
View Public Profile
 
Old 01-15-2007, 03:49 PM Re: Converting from tables to <div>
McBone's Avatar
Super Talker

Posts: 149
Name: i have left
Location: i have left
Trades: 0
its valid css, that is what you where talking about wasn't it?

Quote:
Hi,
I see the new standard for some reason is to design with <div>, CSS, and JavaScript, instead of tables. I'm not sure why. It just looks like more work, with less of a result but I need to start using <div> instead of tables. Were can I learn how to do this?

Last edited by McBone; 01-15-2007 at 03:51 PM..
McBone is offline
Reply With Quote
View Public Profile
 
Old 01-15-2007, 04:17 PM Re: Converting from tables to <div>
Mattmaul1992's Avatar
Ultra Talker

Posts: 486
Name: Matt
Trades: -1
Nope, I'm looking to get rid of tables all together. And sorry for how I put it. I came off a little too strong xd.


Quote:
Hi,
I see the new standard for some reason is to design with <div>, CSS, and JavaScript, instead of tables. I'm not sure why. It just looks like more work, with less of a result but I need to start using <div> instead of tables. Were can I learn how to do this?

Last edited by Mattmaul1992; 01-15-2007 at 04:20 PM..
Mattmaul1992 is offline
Reply With Quote
View Public Profile
 
Old 01-15-2007, 04:46 PM Re: Converting from tables to <div>
McBone's Avatar
Super Talker

Posts: 149
Name: i have left
Location: i have left
Trades: 0
oh ok
McBone is offline
Reply With Quote
View Public Profile
 
Old 01-15-2007, 06:03 PM Re: Converting from tables to <div>
vangogh's Avatar
Post Impressionist

Latest Blog Post:
Why Responsive Design?
Posts: 10,815
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
Matt it will probably take a little time to make the switch and there will be some growing pains along with it, but in the long run you'll find it's much easier to develop and maintain a site that uses a css layout instead of a table layout.

Remember to ask questions here as they come up.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Old 01-15-2007, 06:40 PM Re: Converting from tables to <div>
Mattmaul1992's Avatar
Ultra Talker

Posts: 486
Name: Matt
Trades: -1
Thanks for your help everyone,
I decided to keep practicing using CSS without tables, but for now i'm going to keep all my projects with tables and then after I have enough experience with it i'll switch them all over.
Once again thanks for the help . (A mod can close this if you want)
Mattmaul1992 is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Converting from tables to <div>
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 2.16802 seconds with 12 queries