CSS or Tables Which Would be Best for Web Design?
Posted by admin in Mobile Web Design, tags: '09, 2009, 3.0, 3g, 3gs, air, apple, demo, dev, devteam, francisco, g1, gear, germany, guided, htc, iDevTeam, ilife, iphone, iwork, iwork'09, jobs, leopard, live, mac, macbook, mobile, multi, multitouch, Mydock.com.br, nano, new, os, os3, os3.0, palm, Phil, phill, phonedog, pre, pro, review, rim, san, Schiller, snow, steve, t-mobile, touch, tour, ultrasnow, unboxing, Unlocked, video, white, wwdc
Tables design is the web design which uses HTML tables to design a page layout and control processes.
Instead of tables then emerged a new style sheet language CSS (Cascading Style Sheets).
Use: These languages or to e specific this language was then used to arrange page elements and text on the web page.
Introduction to CSS: World Wide Web Consortium introduced CSS language which was used to improve accessibility to web and to make the HTML code more semantic than presentational.
Advent of CSS: when CSS web design was introduced many web developers found it much easier to use. They considered the formatting through CSS very simple, infact they considered the <FONT> tag to be obsolete in reference to table’s web design. Earlier CSS had very limited and difficult to use layout capabilities but now the times have changed and now CSS ahs improved a lot with many common page layouts especially its 3-column design.
Since 2006 CSS has improved significantly but still there are certain websites which use tables for layout and CSS for text formatting only.
Tables vs. CSS:
- Accessibility: the layouts in tables are actually better over CSS because if you want to open your PDF files in your mobile phones then it becomes necessary that they are accessible and tables allow them to be accessible on mobiles also.
- Implementation: clever implementation of tableless design is able to produce web pages with less of HTML tags which will allow the user to download pages easily from the web.
- When it comes to tableless designs then if any changes are to be made, it is then easier in your CSS design to change them rather than changing in table’s web design. This is infact a difficult task.
- It happens that in some browsers CSS does not get full support and hence the downloading can be incomplete. This happens especially in the case of NETSCAPE 4 software, where CSS downloading is a problem.
Watch the video related to mobile web design
These cell phone commercials feature urban artists Young Jeezy and Jermaine Dupri and crossover rock star Mickey Avalon. The piece blends live action against a graphic montage of animated imagery, including fast cars, elevators, a helicopter and people standing in line to attend a glittery VIP event. + Videos: www.youtube.com WEB SA Channel Powered By: www.websa.us
Help answer the question about mobile web design
Could it possible to design a website with video camera that could be downloaded to dvd player or ipod etc.?. Every one have dvd players, video@audio mp3 and mp4 players etc so that if a web site is developed in these formats it is possible to view files or data on TV at home or on ipods, mobile devices etThere are many websites developed in java and other languagesc.
About Author
Myself webmaster of the http://www.synapseindia.com/ a software development company offering web design, custom software development,flash programming, and other software development services.
Entries (RSS)
The web man (and Becky!:) are 100% correct!
As a rule people who use tables or layout nowadays simply either haven't learned how to use css properly or are just lazy.
I actually find it easier to use divs for layout over tables simply because I just don't use them anymore. Except however if I need to put a table of data in a page somewhere.
Most of the things you hearread about the seo implications and tables not being compliant are in short nonsense tables are here to stay they are in the standard (for anyone who cares to read them). So its basically a simple choice you do it right or you do it wrong.
As a rule what you should be looking to do is use one sheet for layout in compliant browsers (IE8, FF, Safari, Opera etc) then an additional one for IE6 (but only if you have IE6 users actually using the site) otherwise its one sheet suits all.
Hope this helps.
i thought that the iphone is only for at&t? only>?
Have a look at:
http://www.alistapart.com/articles/practicalcss/
http://www.cs.tut.fi/~jkorpela/styles/layout.html
http://builder.com.com/5100-6371-5035002.html
http://www.sitepoint.com/article/utopia-designing-tables-css
Hes in Europe.
Hi,
reading http://www.csszengarden.com/ I'd recommend you utilise CSS for as much as you can. Modern website development (and the definition of CSS) "dictates" separating HTML and CSS, because (X)HTML is for layout and structure, not for presentations, CSS styles enhances the output while offering SOOOO flexible approach to the end result.
Also from accessibility point of view if you use text-based readers (turn off your CSS) the extra markup confuses and hopefully soon enough won't validate at all.
Not to mention going tableless (purely CSS based layout with semantic and valid HTML).
It's not hard to grab, do have a look at http://meyerweb.com/ to get a better understanding of CSS capabilities, he's one of the guys who were there when CSS got put together.
Good luck,
hoopyfrood
————————————–…
Love your documents!
DocuView (http://docuview.co.uk/) – The best Web 2.0 document management system (DMS) – utilising the latest technology to help your company achieve ISO 9001 certification.
Nevermind…German it is.
Yes ! major site have all changed their site to scemantique html and css style. Use CSS for style and HTML for content instead of mixing both in a HTML file mean a lot. Your design will degreace gracefully in older browser. Your design will be easier to maintain and use a lot less bandwidth (and by the side more speed). Easier to optimize for search engine like google. When you change some style you don't even need to touch HTML you can change every color and image in CSS.
HTML was created to store the data (content) of the website only.
All the style, color, image which are a part of the design go to the CSS.
You can use HTML 4.01 or XHTML both are fine. XHTML are HTML over XML and offer very small advantage. Content served as application/xhtml+xml instead of text/html.
Good (x)html & css pratice :
http://www.csszengarden.com/
http://www.htmldog.com/
go to johnmarvin123.mybrute(.com) to play this cool fighting game. Continue playing to level up and gain new powers weapons and pets. THis game is awesone
leave the code for the sliced image exactly how it is! If it isn't broken don't fix it. Just put the code for the sliced image inside a div. You will not get any benefit from converting the generated code into a div.
<div id="navigation">
generated code here
</div>
Even though I constantly hear that tables are the spawn of satan, I prefer to use them for layouts. My biggest reason? Partly out of familiarity, but also partly for control (I have seen a bit more weirdness in CSS than I'm comfortable with), partly because I tend to have a lot of small pieces that have to fit together just so, and it's just easier.
However, I use a combination of CSS and html since CSS is of course, pretty darn great (I love external style sheets!). But I do fall back onto tables for layout. (I know this opens me up to many css purists having fits but oh well) One thing though, if it's going to be a matter of lots of nested tables, I try to rethink my design to avoid too much nesting.
One of these days I'll learn more advanced CSS and find out how the same things can be accomplished- right now my issue might just be a matter of not being comfortable enough in css yet.
I just finished writing a book on exactly this topic.
HTML / XHTML All in One for Dummies teaches exactly what you're talking about.
I start from the beginning with solid XHTML strict by hand, teaching solid fundamentals. Although you really don't need Dreamweaver any more, there are editors that can help you create great code. I recommend (and include) aptana, a high-end open-source programmer's editor. Aptana has several features that make it a great editor:
It has code completion (begin typing HTML or CSS code and it gives you a list of legal code values you can pick from)
It also features syntax coloring, which displays different parts of your code in different colors.
It recognizes potential errors on the fly, marking them so you can see problems before you even look in the editor.
After careful coverage of XHTML, I show how to style your pages using the powerful CSS language. First I describe how to handle colors text, manipulation, borders, and the like through CSS, and then I lead you through CSS-based markup. Once you understand how CSS works, you'll see why tables are considered old-fashioned. You'll be able to make floating layouts, layered menus, and positioned layouts.
You'll learn how to build XHTML / CSS pages that adhere to the strictest standards, and get some tools and tricks for ensuring your pages conform to those standards.
By the time you get through the third mini-book (of eight) you'll already be quite an accomplished web developer, but I wanted to write a book that would take you beyond the basics. If you've been in the web world for long, you're no doubt curious about the programming side of things.
Book four covers the JavaScript language. Even if you've never programmed before, you'll be able to create useful programs embedded in your web pages. You'll learn to validate form data, get input from forms, and even animate your pages with JavaScript code.
The real action today happens on the server, so I explain how to get started in the PHP server-side programming language. I give you everything you need to start programming in PHP on the CD-ROM that comes with the book. You'll learn how to respond to user input, save files on the server, and connect to databases.
Data is of course the driving force on the Internet today, so book six describes the popular and powerful MySQL relational database manager. (Included with the CD-ROM, of course) I take you through the SQL language and show how to build basic databases, then move beyond the basics to data normalization, the skill you use to model complex data relationships.
The hottest area on the Internet right now is AJAX, a technology that brings together client-side and server-side programming. I include a mini-book on AJAX including how to build an AJAX connection by hand as well as using the (you guessed it; included) jQuery library to simplify your AJAX programming and get some stunning interactivity and special effects for your page.
The last mini-book covers practical aspects of getting your site running: How to install a server, how to choose an external host, how to plan large projects, how to build content-management systems, and much more.
The book is available in most bookstores, and online at Amazon and other outlets. It's actually not too expensive, considering it's over 900 pages of goodies.
It's also written in the relaxed Dummies style. I'm not trying to impress anybody with how smart I am in this book. I just want to show you some really fun stuff I've learned over the years. Most have found the style to be engaging and informative.
You're welcome to look over the web page for the book, which has all the example code from the book, at
http://www.aharrisbooks.net/xfd
Let me know if you need any help (my email address is included in the book)
You might want to use Float: Left; instead of positioning. Setting the top: inherit; means it will go to 0 unless previously set. Inherit is another way of saying default.
You should read "Transcending CSS" by Andy Clarke who's working on the CSS3 spec.
The issue is you're trying to build a site with CSS the way you'd build it with tables. That defeats the purpose. Learn to do semantic markup. That's why you should read that book. That will teach you how to build sites from the content out, using meaningful markup to make the layout of your site with the minimal amount of DIVs.
I thought T-Mobile was based in Denmark.
Search on "free css layouts". You will find loads of layouts you can download to see how they did it.
Yes, but the iPhone3g can be bought now for under £100 on Pay As You Go. See our channel for info.
Yea I don’t know why they did that.
I love the guy’s last comment – especially the one that says “thanks” for ruining his day. LOL
I dont like the white Iphones the back doesnt match the front at all, the black ones look more sleek and both sides actually match