Out with HTML tables and in with CSS

By moosnews
March 8, 2010

There was a time, many “Internet years” ago, when most websites were designed using HTML tables to give structure to the layout. This made it easier to achieve the desired placement of page elements; but the result was very cluttered page code. Not only was this a development and maintenance nightmare, but it wasn’t very search engine friendly. Then, along came CSS, and everything changed.

CSS, cascading style sheets, is a method for designating the style and placement of page elements without the necessity of table-based layouts. It is based on a simple syntax. It can be applied inline, in the document’s head section, or in a separate file. This has many advantages, not the least of which is search engine friendliness.

Since using CSS separates content from design, the code for each page is much easier to read. In fact, it reads more like a flyer than page code in many cases. That ease of reading also applies to search engines and web crawlers. But perhaps a bigger SEO benefit to using CSS is that it allows you to position your most important content at the top of your page code.

With older layouts, the prime spot on the page was taken up by code for menus and headers, etc. This, of course, meant that search engines and web crawlers, which read page code, not the view that end users experience, often didn’t have an opportunity to crawl and index the really important content, since it was further down the page.

One of the biggest advantages of separating design from content with CSS is the ability to rapidly deploy changes to the design of a site. If your boss comes to you and wants to change the color scheme for a five hundred page website from blue to red, all you have to do, providing that your site is properly architected using best practices for design and layout with CSS, is change your CSS code in one place. The result then “cascades” to the rest of the pages. Compare that to changing five hundred pages manually.

Cascading style sheets also give you the ability to manipulate your layout in ways you wouldn’t dare attempt with table-based layouts. More granular control means you can make your site look better with CSS.

There are many tools available to help you write CSS and incorporate it into your site. Most IDEs for web development, tools like Dreamweaver and Visual Studio, come with CSS authoring and integration built right in. There is also a wealth of information online about CSS.

Cascading style sheets are the professional standard in website design. It is a technology that should definitely be in your toolbox.

This entry was posted on Monday, March 8th, 2010 at 8:37 am and is filed under Uncategorized. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

91 Responses to “Out with HTML tables and in with CSS”

  1. Blue Coaster33 Says:

    Whispering Misty

    So sorry you are going to miss the workshop!

  2. best online casinos Says:

    Whispering Misty

    So sorry you can expect to skip the workshop!

  3. Bj in the washroomhometied.com Says:

    Healing’s Dragon

    to find issues to improve my website!I suppose its alright to create utilization of several within your ideas!!

  4. DirectTV Says:

    The Birch of the Shadow

    I believe there may perhaps be a couple duplicates, but an exceedingly useful listing! I’ve tweeted this. A lot of thanks for sharing!

  5. great prices on DIRECTV Says:

    Souls in the Waves

    Excellent Morning, I just stopped in to visit your internet site and believed I would say I enjoyed myself.

  6. car parking Says:

    The Birch of the Shadow

    I think there may perhaps become a few duplicates, but an exceedingly useful list! I have tweeted this. Many thanks for sharing!

  7. 3gp mobile porn Says:

    The Birch of the Shadow

    I think there may become a several duplicates, but an exceedingly useful listing! I’ve tweeted this. A lot of thanks for sharing!

  8. laan penge her og laan penge nu Says:

    The Absent Game

    Involving me and my husband we have owned additional MP3 players over time than I can count, which include Sansas, iRivers, iPods (basic & touch), the Ibiza Rhapsody, etc. But, the last few ages I’ve settled down to one line of gamers.

  9. alkaline water machine Says:

    Third Flower

    My spouse and i happen to be now delighted that Albert could perform his scientific tests thanks to the thoughts he had via your web page. It can be from time to time perplexing to only normally be giving freely methods which many people could have bee…

  10. water ionizer Says:

    Thorn of Girl

    Great information is often observed on this online weblog.

  11. YouTube likes kopen Says:

    Whispering Misty

    So sorry you will pass up the workshop!

  12. stop parking Says:

    The Absent Game

    In between me and my husband we’ve owned much more MP3 players over time than I can count, which includes Sansas, iRivers, iPods (typical & touch), the Ibiza Rhapsody, etc. But, the last few many years I’ve settled down to one line of gamers.

  13. electricians job description Says:

    Third Flower

    My spouse and that i are now delighted that Albert could execute his scientific tests due to the suggestions he had via your web content. It really is every so often perplexing to simply often be gifting away steps which many people might have been pro…

  14. site Says:

    The Absent Game

    Amongst me and my husband we’ve owned much more MP3 gamers over the years than I can count, such as Sansas, iRivers, iPods (classic & touch), the Ibiza Rhapsody, etc. But, the last few a long time I’ve settled down to one line of gamers.

  15. p j locksmiths deniliquin Says:

    Souls in the Waves

    Great Early morning, I just stopped in to go to your site and considered I’d say I loved myself.

  16. locksmithing courses in texas Says:

    Whispering Misty

    So sorry you can pass up the workshop!

  17. liquid plumr foaming pipe snake Says:

    Woman of Alien

    Ideal function you might have completed, this great site is basically neat with fantastic facts. Time is God’s way of holding all the things from occurring simultaneously.

  18. house blue Says:

    Third Flower

    My wife and i have already been now delighted that Albert could carry out his studies as a result of the tips he had by your website. It can be every now and then perplexing to just constantly be giving away methods which lots of people could have been…

  19. electricians des moines Says:

    The Slave of the Husband

    Trying to find forward to studying additional from you afterward!…

  20. important source Says:

    Healing’s Dragon

    to locate issues to further improve my web page!I suppose its okay to produce usage of some of your respective ideas!!

  21. HD Coloring Pages Says:

    Whispering Misty

    So sorry you’ll skip the workshop!

  22. The Moo Says:

    comment pirater un compte facebook gratuitement

    I found a great…

  23. alkaline water brands Says:

    Healing’s Dragon

    to find issues to enhance my web-site!I suppose its alright to create usage of a handful of of one’s principles!!

  24. alkaline water Says:

    Woman of Alien

    Excellent function you may have carried out, this web site is de facto amazing with great information. Time is God’s method of maintaining almost everything from occurring at once.

  25. http://www.gov.im/tourism/disclaimer.gov?url=http://bit.ly/1OvaJul Says:

    Souls in the Waves

    Very good Early morning, I just stopped in to go to your web site and assumed I would say I appreciated myself.

  26. water ionizer payment plan Says:

    Souls in the Waves

    Good Morning, I just stopped in to visit your site and imagined I’d say I loved myself.

  27. weblink Says:

    The Absent Game

    In between me and my husband we’ve owned extra MP3 gamers over the years than I can count, including Sansas, iRivers, iPods (traditional & touch), the Ibiza Rhapsody, etc. But, the last few a long time I’ve settled down to one line of gamers.

  28. I was reading this Says:

    The Slave of the Husband

    Seeking forward to learning more from you afterward!…

  29. Link Web Page Says:

    Link Web Page

    “[…]The Moo's News » Blog Archive » Out with HTML tables and in with CSS[…]”

  30. copywriting fiverr logo Says:

    Just incredible! I know you have placed a great deal of effort into this as well as I really wanted to inform you exactly how grateful I am! Hope you placed out even more amazing stuff in the near future as well as I will certainly come back as well as review it!

  31. copywriting crash course Says:

    Not just high quality, but likewise useful information. And also that is unusual to come by these days! I have to say that I am really satisfied as well as will certainly come back again if you keep up the high quality and also worth of the material at this level, or even acquire it on the next level.

  32. common insider Says:

    Wow, good article. For common insider or latest technology news .

  33. Tim Riesenweber Says:

    There is no mounted price for the Yes! Yourself Can Diet regime Method, as your all round expense depends upon the attributes your self pick| With this inside mind, rates are inclined toward slide inside the just after levels:

  34. Agen Judi Online Terpercaya Says:

    Follow your bliss and the universe will open doors for you where there were only walls.

  35. Agen Judi Says:

    I love your blog.. very nice colors & theme. Did you design this website yourself or did you hire
    someone to do it for you? Plz respond as I’m looking to design my own blog and would
    like to find out where u got this from. many thanks

  36. Arla Tagata Says:

    lagi banjir Bonus Cash Back HIngga 20 di kpkbet.com agen bola tangkas2 terpercaya

  37. Wilson Mccleskey Says:

    Hands down, Apple’s app store wins by a mile. It’s a huge selection of all sorts of apps vs a rather sad selection of a handful for Zune. Microsoft has plans, especially in the realm of games, but I’m not sure I’d want to bet on the future if this aspect is important to you. The iPod is a much better choice in that case.

  38. mnmnmn Says:

    Many have wonderful very professional site

  39. site Says:

    great article about CSS.its used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes.

  40. تور اروپا Says:

    Thank you for publishing this article

  41. fifa 17 coins Says:

    Really… this is a valuable webpage

  42. Cordia Buchner Says:

    Youre so cool! I dont suppose Ive read something like this before. So good to search out any individual with some original ideas on this subject. realy thanks for beginning this up. this web site is something that’s needed on the net, someone with a bit of originality. useful job for bringing something new to the internet!

  43. sistema de seduccion subliminal de tomas Says:

    hello!,I like your writing very much! proportion we be in contact more about your article on AOL? I require an expert in this area to solve my problem. Maybe that is you! Taking a look forward to see you.

  44. Daftar Apartemen dan hotel Says:

    Kōhō, kesshite okorimasenga nande are. Keikaku wa machigainaku chōsen o kakoma reta baai, sore wa kōzen no himitsu to natte imasu. Demo bakku suteppu shinaide kudasai. Bakkusuteppingu anata ga ushinau to shippai o imi shimasu. Jishin ga aru, soreha shōsha no seishitsudakara dete ikimasu. Jushō-sha wa, kare no taisen aite ga utsu koto ga dekinakatta nimokakawarazu, senjō o shūryō suru koto wa arimasen. Zenshin ni jibun jishin yaruki ya ito ni tango o shite kudasai! Kono sekai no subete no idaina koto ga gen’in shinrai-kan o hassei shimasu. Takai shinrai-dode wa, tan’itsu no dai 2 no akiramenai koto ga dekimasu. Sore wa shippaishita ga, shin’nen wa, sore wa mō anata o reiki suru koto. Anata ga jōshō

  45. برج خنک کننده Says:

    Very good Early morning, I just stopped in to go to your web site and assumed I would say I appreciated myself.

  46. Ìîëîäåæêà 4 ñåçîí 18 ñåðèÿ Says:

    Ìîëîäåæêà 4 ñåçîí 18 ñåðèÿ

    Ìîëîäåæêà 4 ñåçîí 18 ñåðèÿ

  47. Get your Desired Love Partner in Life Says:

    I really like this particular article.

  48. Love spells in Hindi Says:

    I am really enjoyed to be here.!

  49. Black magic spells to get ex love back Says:

    thanks for the information. It’s very complete information.

  50. Best astrologer in India Says:

    I read your blog really its informative and unique blog which provide awesome information.!@

  51. How to do black magic tricks Says:

    We are really grateful for your blog post. You will find a lot of approaches after visiting your post. Great work.

  52. Marital Divorce Problem Solutions Says:

    I appreciate that you produced this wonderful article to help us get more knowledge about this topic.!@

  53. White Magic spells for remove life’s hurdle Says:

    I am pretty much pleased with your good work.You put really very helpful information. Keep it up. Keep blogging. Looking to reading your next post.

  54. Free online daily Love horoscopes Says:

    I really want to remain silent here, waiting for the latest articles come and see for the first to get that information.

  55. Free Online Astrology for Marriage Says:

    Very interesting topic will bookmark your site to check if you write more about in the future.

  56. iOS 11 Beta Says:

    It is high time that Apple updated their Maps system with iOS 11. That way, it can finally step up and pose a tough competition to Google with the help of the new drone’s technology.

  57. Islamic Love Vashikaran Totke In Quran Says:

    Great Blog! I have don’t see this type blogs, this blog is well Impresses More People.

  58. Black Magic Removal in Islam Says:

    Thanks for Nice and Informative Post. This article is really contains lot more information about This Topic -!!

  59. Spiritual healer for Anxiety Disorder Says:

    When I feel board. Then I come on your blog and read some post which u have post recently..

  60. Free astrology predictions reports online in hindi Says:

    Wow, Great blog post.Really looking forward to read more. Will read on…

  61. How to get ex boyfriend girlfriend back Says:

    This post is very nice as well very helpful

  62. Vedic Astrology Horoscope Reading Says:

    I’m really impressed by your Post

  63. Ending Love Relationship with Someone Says:

    I am pleased with this unique content and I would to say thanks to provide this great blog.

  64. madalin stunt cars 2 Says:

    I appreciate that you produced this wonderful article to help us get more knowledge about this topic.!@

  65. stick torture game Says:

    Valuable info. Lucky me I found your web site by accident, and I am shocked why this accident did not happened earlier! I bookmarked it.

  66. juesgosio Says:

    Pretty! This was a really wonderful post. Thank you for supplying this information.

  67. fnaf Says:

    Major thanks for the blog article. Really looking forward to read more. Keep writing.

  68. Survival games Says:

    Thanks , I ave recently been searching for information approximately this subject for a long…

  69. http://bangaloreinterio.com Says:

    I’d like to find out more? I’d care to find out some additional information.

  70. javascript obfuscator Says:

    Nice share! Separating design from content with CSS can help rapidly deploy changes to the design of a site.ploy changes to the design of a site!

  71. 192.168 ll Says:

    Thank you for these tips. It’s very useful!

  72. json formatter Says:

    The code for each page is much easier to read

  73. bullet force Says:

    Cascading style sheets are the professional standard in website design

  74. spanish to english Says:

    Sure, it is a technology that should definitely be in your toolbox!

  75. Don Poormon Says:

    As the admin of this site is working, no doubt very shortly it will be well-known, due to its feature contents.|

  76. Miles Yuki Says:

    Your style is unique in comparison to other people I’ve read stuff from. Many thanks for posting when you have the opportunity, Guess I’ll just book mark this site.|

  77. instagram video downloader Says:

    I recently came across your blog and have been reading along. I thought I would leave my first comment. I don’t know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very often

  78. happy wheels Says:

    Thanks for publishing such useful information.

  79. madalin stunt cars 2 Says:

    Nice information. Thanks for sharing!

  80. five nights at freddy’s Says:

    I enjoyed over read your blog post. Your blog have nice information, I got good ideas from this amazing blog. I am always searching like this type blog post. I hope I will see again.

  81. Sorry Not Sorry lyrics Says:

    In between me and my husband we’ve owned much more MP3 players over time than I can count, which includes Sansas, iRivers, iPods (typical & touch), the Ibiza Rhapsody, etc. But, the last few many years I’ve settled down to one line of gamers.

  82. 192.168.0.1 Says:

    The code for each page is much easier to read!

  83. sister location Says:

    I really appreciate this wonderful post that you have provided for us. I assure this would be beneficial for most of the people.

  84. run 4 Says:

    Good article, but it would be better if in future you can share more about this subject. Keep posting.

  85. run 3 cool math games Says:

    Thank you for sharing this data. Really increase in value the way you have describe everything in this article. Keep up the decent work.

  86. love problem solution Says:

    Thanks for sharing with us for more details check

  87. Dissertation Help Deal Says:

    With CSS3, we can easily change ugly our platforms by means of colours, qualifications shades, boundary shades, and even play with size and size requirements — all by using our exterior stylesheet computer file. And to help you to accelerate the process, we invested some time collecting together a number of CSS3 enhanced desk layouts to give you a viewpoint on what other developers are doing in the present state of web design, and how you can easily implement those same ideas to your tables

  88. Crear Cuenta Hotmail Says:

    Thanks for Nice and Informative Post. This article is really contains lot more information about This Topic.

  89. More Information Says:

    Hi there I feel so fortunate to come over your blog you express it in a very easiest way! I am very much active person over your blog pretty good to read your blog its quit interesting to read your blog always because it looks fresh all the time!! Love!

  90. Hotmail Iniciar Sesion Says:

    Great Information sharing .. I am very happy to read this article .. thanks for giving us go through info.Fantastic nice. I appreciate this post.

  91. Click here Says:

    Thank you for sharing this data. Really increase in value the way you have describe everything in this article. Keep up the decent work

Leave a Reply