Using CCS to Eliminate Tables

CSS or Cascading Style Sheets has opened up tremendous possibilities for improving web site designs, web page layouts and adding new features. The HTML code can be made shorter, cleaner and simpler by CSS resulting in faster loading of web pages, and making them more accessible to search engines. Here I am narrating my experience with only one part of CSS - using it to eliminate tables.

If you look at a traditionally designed web page, you are likely to find number of tables in the layout. Tables were earlier used only for displaying information in a tabular form. But web site designers soon started using tables for other applications such as showing images, graphics and other decorations.

My own web pages were earlier checkerboards of tables. Each web page was almost fully covered with tables and many tables were nested inside other tables. As I tried to add more features the design became more and more complicated resulting in longer loading times. It also took lot of time to "adjust" the tables on the page to make it acceptable.

It was not an easy task to redesign all the pages using CSS. But once I started, the improvements were more than I had bargained for. The design became simpler, the appearance improved and loading time came down considerably. The code looked real clean. Most of 'td' and 'tr' tags were gone.

My purpose of this exercise was not really to change the appearance but to make the design simpler. Now the tables which were earlier used only for design purpose have been eliminated. For eliminating tables first step is to decide which tables or more specifically which cells have to be removed. For applying CSS each cell of a table can be considered as a "box". These boxes are given separate identities and description of each "box" goes into CSS code. The "boxes" can be given names such as box1, box2 etc. The description of the "box" can include size, its location on web page, background color and image if any, font details, padding, border details etc. The location of the "box" can be made "fixed" on the web page, or it can be floating in which case location can be defined with respect to another "box".

If the location and dimensions of the boxes are properly worked out, they neatly fit into the web page giving it a clean look. Since the code associated with table designs are done away with, the content of the page attains more prominence in the code. This makes it easier for search engine spiders to locate the actual content of the page.

If you have several web pages with similar design, the CSS code with these and other details can be put in an external file. This will further shorten the code for each page. With CSS lot many improvements can be done in web page design and layout. CSS can also be used for search engine optimization of the page.

My experience with CSS has been great and I wonder why it is not used more often. My advice - convert to CSS based design.

Sanjay Johari contributes articles regularly to various ezines. His website contains information, articles, resources, opportunities and more for small business owners and home based business owners. http://www.sanjay-j.com

Join the longest running internet business opportunity - because it works! http://www.sanjay-j.com/empowerism.html

In The News:

How Top Web Design Agencies Charge Clients For Their Services, According To New Insights From DesignRush  Yahoo FinanceDesignRush reveals the top web design agencies that create successful online brands and uncovers how they charge for their work. Internet user growth comes ...
CE Pro All-Star Band Member Profile: Geoff Meads, Presto Web Design  CEProGeoff Meads, managing director of the U.K.-based company Presto Web Design, has played more than 1000 gigs in his musical life. Today, Meads is one half of ...
Consumer Survey Demonstrates Strong Link Between Website Design and Credibility  Business 2 CommunityMost businesses understand the importance of having a website in 2019. Strangely, a number of these same businesses don't appreciate the need to carefully ...
6 Web Design Tips to Keep People on Your Website for Longer [Infographic]  Social Media TodayAre you looking for ways to reduce your website bounce rate? Want to keep people on your website and engaged for longer? The team from CMS Wire share ...
Good Mobile UX: More Vital Than Ever  Dice InsightsMore Americans than ever are only interacting with the web via their smartphones and other mobile devices. For web app designers and any tech.
Should websites be accessible to everyone? Domino's says no  Fast CompanyThe pizza company has petitioned the Supreme Court to hear a three-year-old case that deals with whether Domino's is legally required to make its websites ...
IoT: Revolutionizing the web development sector with  JAXenterIoT is a diligent technology that has totally transformed our daily lives. But how has the technology affected web developers? In this article, we attempt to ...
The rise of the smart site: How web design is driving business growth  NetimperativeA new white paper from Kayo demonstrates how web design and development can drive business growth. Kent-based technical agency, Kayo, has launched a ...
Mobile web design: responsive vs adaptive  ITProPortalWhen building your site for mobile, should you build a responsive or adaptive site?
What Are the Top 10 Web Design Mistakes to Avoid?  MarTech AdvisorMegan Dennis, Freelance Writer, Independent, discusses common mistakes while designing and shares tips on how to avoid them.
The Top Web Design Companies Of 2019, Says New Report From DesignRush  Yahoo FinanceDesignRush determined the best website design firms who can build custom platforms. NEW YORK, Aug. 9, 2019 /PRNewswire-PRWeb/ -- DesignRush.com, ...
The Top Elements of Effective B2B Web Design  Business 2 CommunityWhile B2B sales are typically complicated, your website shouldn't be (at least not to your user). Below are eight essential things every B2B website design must ...
Web Design Market Key Development Factors, SWOT Analysis, Key Strategies and Financial Overview 2019-2024  Chеstеr Rеgіstеr“Global Web Design Market Analysis, Forecast & Outlook (2019-2024)” provides an extensive research and detailed analysis of the present market along with ...
How to Create Functional Minimalism Web Design  Promotion WorldMinimalism is the art of using less to achieve more. You remove all the excess and yet get the job done. In its purest form, minimalism is fluid,
70 Web Design and Development Terms We Wish You Knew, Part 2  Business 2 CommunityIn Part One of this two-part post, we gave you some definitions and comments for terms we use here every day. I broke it into two parts because it was getting ...
TryMyUI Study Finds Sen. Harris Is Winning the Web Design Primary  EContentAccording to a study by web usability company TryMyUI Inc., Senator Kamala Harris has the best website of leading 2020 Democratic nominee candidates.
Web Development Company in NYC, Huemor, Discusses the Difference Between Web Design vs. Web Development  Yahoo FinanceNEW YORK, July 24, 2019 /PRNewswire/ -- Though the two terms are used interchangeably, "web design" and "web development" describe different tasks in a ...
Web Design Trends in 2019 predictions  Times ConnectionWhat will be the web design trends in 2019. We list the main trends and predictions going forward. Fast download times and enhanced mobile experience are ...
Web Design Company, Huemor, Explains the Top Five Ways to Get More Leads  PRNewswireNEW YORK, July 29, 2019 /PRNewswire/ -- Getting more leads for your business doesn't have to be a hassle or cost your company a fortune. Huemor, a web ...
GitHub adds 21 new partners to its free Student Developer Pack  TechCrunchFor a few years now, GitHub has been running a program that gives students around the world free access to GitHub Pro and various free and discounted ...
ProPublica Programs Are Helping Diverse Candidates Break Into Newsrooms. Here Are Their Inspiring Stories.  ProPublicaAlmost 100 journalists and journalism students have gone through our Data Institute and scholarship program. Many have told us that their experience shaped ...
HIRED: New chamber director steps up  St. Helens ChronicleNew South Columbia County Chamber of Commerce director, Chrissy Marquardt, is a self-professed island girl from Jamaica living on a farm in Scappoose.
Hackers steal California hospital's website domain, email addresses  Becker's Hospital ReviewSonoma (Calif.) Valley Hospital was forced to change the name of its website URL and email addresses after its domain, svh.com, was hijacked Aug. 6, Sonoma ...
Sonoma Valley Hospital loses 3-letter domain name to hijackers  Sonoma Index-TribuneSonoma Valley Hospital loses its three-letter domain name to 'malicious pirates.'
Handy tips of web design to create the best website  RecentlyHeard.comYou will be surprised to know that 48% of users on the web say that a website's design is crucial. It is the topmost determining factor for a business's.
Launching and maintaining a project in a web design agency  Augusta Free PressNo matter if the project is large or small, there are tasks you should keep in mind to ensure that it's running smoothly.
This Sony patent could mean the PlayStation 5 will actually be the PlayStation V  The Next WebSony Interactive Entertainment reportedly filed a recent patent for what appears to be a new gaming console, complete with drawings indicating it will have a ...
Modern Masters on SBS On Demand | Movie News  SBSFilms from master directors – including established auteurs and relative newcomers alike – now available to watch on SBS On Demand.
Web-design expert offers tips to spot false news stories  KWCHA false news article Tuesday causes confusion and concern in Wichita. The article, shared by many on social media Tuesday night, talked about Wichita police ...
Web Design Agency, Huemor, Shares 3 Tips for Creating the Perfect Domain Name  Yahoo FinanceNEW YORK, Aug. 14, 2019 /PRNewswire/ -- Creating the perfect domain name can be a tricky task. When choosing a domain name for your website, you may ...
New software school set to open, offering web development and design program  DevdiscourseThe school will be the first of its kind in the region and spaces are limited as the newly minted Private Training Establishment seeks to address both a skills ...
Mayor says marketing consultant worth the money  MyWebTimes.comMarseilles Mayor Jim Hollenbeck defended the city's hiring of a marketing consultant and the process for the hire.
Beauty Bay unveils distinctive new web design  Essential RetailOnline beauty retailer Beauty Bay refreshes website complete with separate scrolling homepage columns for commerce and *content*.
Web Design New York Company, Huemor, Explains How to Make Your Brand Stand Out and Resonate with Customers  PRNewswireNEW YORK, July 26, 2019 /PRNewswire/ -- Having a memorable brand is easier said than done. When it comes to brand awareness, there's never been a set ...
Web Design Company Toronto Improves Its Services By Specializing in Responsive Web Design  MENAFN.COM(MENAFN - ForPressRelease) 12 A leading web company specializing in online strategy, web development, and web marketing, now specializes in responsiv.
Former Grant Union student offers web development, design  Blue Mountain EagleJohn Day resident Harsh Patel, a former Grant Union student and recent Boston University graduate, is jumping into real-world entrepreneurial experiences.
The best web hosting service 2019  TechRadarNeed a new web hosting *service* for your company website or personal blog, we've tested the best options. Shares. A web hosting provider, otherwise known as ...
How Artificial Intelligence Is Transforming Digital Marketing  ForbesAI marketing is a method of leveraging technology to improve the customer journey.
Innovation in 3D Web Design Services Market 2019-2026 with Top Firms Like Website Development Company, WebFX, Adobe, Esko, Awwwards, 3D Web Vision, BR Softech  Market Expert3D web design services providers develop, render, design, and produce three-dimensional graphics for websites. These designs can take the form of animation, ...
Be Ready To Drop The Ball  ForbesIt doesn't have to be the end of the world as long as you take ownership of the mistake.
Web Design Agency, Huemor, Discusses Tips for Designing the Perfect Ecommerce Page  Yahoo FinanceNEW YORK, July 31, 2019 /PRNewswire/ -- Ecommerce sales represented over 50% of all retail growth in 2018 and the growing customer preference for online ...
Ask Brien – Bob Bell on Full Blown Studio and Web Design – July 25, 2019  KHTS RadioOn this episode of the Ask Brien Radio Show, Brien is joined live over the phone by Bob Bell, as he discusses his company Full Blown Studio.
Find Your Match: 6 Advertising Agency Types  G2Are you looking for an advertising agency to *service* your company? Learn more about how to know which advertising agency is right for you and your needs.
Progressive Web Apps are Taking Over the Mobile Web  DevOps.comPWAs allow companies to deliver the user-friendliness and page load speeds of a native app, but directly from the company's mobile web site.
How To Use Web Design To Create A Lasting Brand Identity  Demotix.comA brand is a term or image by which your customers know your products or services. The brand is the face of your company. Now, there are many brands out ...
Finding A Top Web Design Agency  KAKEThe importance of a website which is easy to use but also looks impressive is something that should not be downplayed. After all, your website is a direct ...
13 free tools for API design, development, and testing  InfoWorldThe rise of RESTful APIs has been met by a rise in tools for creating, testing, and managing them. Whether you're an API newbie or an expert on an intractable ...
How to Leverage Your B2B Website Design to Grow Sales  Business 2 CommunityIf you aren't using your B2B website to increase your firm's revenue, you are missing out on a huge opportunity. Unfortunately, many sales professionals ...
How to create a website with Google Sites  TechRadarSites is a Google *service* that helps you create websites. You can use the freely available web *service* to create dynamic and interactive websites with just a few ...
The three keys to standout web design as we begin approach to 2020  EconoTimesWhen it comes to mastering longevity and success in any business in the digital age, it goes without saying that having an excellent website on your side can ...
The Best Custom Website Design Companies From Around The World, According To DesignRush  PR WebDesignRush discovered the top website design and development agencies who can build custom platforms for businesses of all industries, successfully solving ...
‘User Inyerface’ teaches you about terrible modern web design by making you suffer through it  The VergeBad website user interfaces are perhaps the worst part of the internet: spammy pop-ups designed to trick you, dark patterns that are intentionally misleading, and ...
Web Design Practices That Frustrate SEO Pros  Search Engine JournalIt takes a skilled team to build a successful website. That means developers and SEO pros need to work together. Here's how to make it happen.
User Inyerface is a maddening tour of the worst web design mistakes  PolygonGood interface design works best when you don't even notice it. But what if every UI mistake existed on one website? User Inyerface is an example of everything ...
This Website's Deliberately Frustrating Interface Will Make You Appreciate Good Web Design  GizmodoYou don't know what you have until it's gone is a well-worn cliche, but also an apt description of a web game called User Inyerface, created by design firm ...
5 Web Design Mistakes You Must Avoid  Customer ThinkWe already have enough quotes on how wise men learn from the mistakes of others. It is time that we put into practice and find out what are the common web ...
What Should You Know Before Starting An Online Business  Patch.comStarting a new business is always an exciting opportunity, and easier than in years prior. It is a journey that starts by investing in sufficient research and due ...
Four Tips For Effective Web Design  ForbesOn the surface, web design is about making a website look good, and anyone who says that would be right. After all, beautifully designed sites do get a lot of ...
EpicPxls offers pro web design assets for life, and it's over 90% off  The Next WebWeb design is absolutely an art, but don't think there isn't a fair amount of practical process work happening there as well. While creating the perfect style ...
A Guide to Landing Page SEO A/B Testing  KTVAOriginally posted on https://www.samsonwebdesign.co.uk/a-guide-to-landing-page-seo-a-b-testing/ Many compnaies use A/B testing to optimise their ...
20 Free Web Design Tools from Spring 2019  Practical EcommerceAdd value to your website by utilizing free resources from the design community. Here is a list of new web tools and design elements from spring 2019.
Global Web Design Software Market 2019 – Adobe, Webflow, H5P, Coda, RapidWeaver  Biz Trends 24The Web Design Software Market report presents key information on the market status of the key players and is a precious source of direct and plan for ...
Web design and development  IndivigitalAs featured on. Web design. We build user-friendly websites that help small brands standout in competitive marketplaces. We believe a website should and can ...
The 'Captain Marvel' site revisits classic 90s web design  EngadgetNo matter your level of excitement over the first Disney+-exclusive Marvel movie, if you remember web browsing in the days of 28.8 dial-up and web rings then th ...
Seven Aspects Of Website Design Crucial For Drawing In Customers  ForbesWhen drawing in clients or customers, it is important to remember that each interaction they have with you or your company reflects upon your brand as a whole.
4 Ways Web Design Can Help You Improve Customer Experience  Customer ThinkThe design of your website is one of those key elements of modern brand building that has the power and potential to make or break customer experience and ...
6 Campaign Web Design Trends to Watch in 2020  Campaigns & ElectionsEach cycle we see website design trends that come to dominate the digital aesthetics for campaigns. In 2008, it was overstuffed landing pages.
Policymakers Sound Alarm On "Dark Patterns", Deceptive Web Design Trick  NDTV NewsTwo U.S. senators unveiled new legislation Tuesday targeting what they say are deceptive tricks, employed by websites and tech companies, that are designed ...
Your Next Website Redesign: 6 Trends to Embrace Now  Search Engine JournalAre you in the early planning stages of a new website? Here are the trends that web designers and their clients expect to embrace in the year to come.
5-Step Web Design Process to Create Winning Websites  Business.comA stellar design isn't merely focused on how pretty the interface looks.
Top 17 Web Design and UI Trends for 2019  DesignmodoNew year, new time to think about web design trends. The start of the year is a great time to look back on the previous year and your successes and look …
AI Needs to Develop to Impact Web Design  Business.comArtificial intelligence has had a big impact on web design and development, but it still has a long way to go.
Six visual web design trends set to be big in 2019 – Econsultancy  EconsultancyAs January comes to a close, it's time for a round up of web design trends we're likely to see a lot more of as 2019 progresses. Expect even more video *content*, ...
10 Lessons from Hertz's $32M Web Design Lawsuit Against Accenture  CMSWireHertz has sued Accenture for $32 million over a website redesign failure. We asked around to see if there was anything to be learned from this suit.
Digital Influence: Web Design's Impact On Marketing Strategy  ForbesWhen strategizing an integrated marketing plan for your brand, the right web design is essential. The standard for web design is no longer just function or ...
How Big Data is influencing web design and what you can learn for it  CRN.inBig Data refers to huge volume of data, both structured and unstructured. The volume of data is so massive in scope that it is almost impossible to process it ...
Web Design Don'ts: 13 Website Features That Can Ruin The User Experience  ForbesA "flashy" website may look cool, but intrusive, slow-loading or unintuitive features may ruin the user experience. Members of Forbes Technology Council detail ...
The seven deadly sins of web design  Packt HubFor a great website, web developers meet client demands while at the same time thinking about users. Gary stevens discusses more such in his article.
6 Ways To Improve Your Website Design To Boost Sales  ForbesHow you build your website is as important as what is on it when it comes to converting sales.
Hertz Sues Accenture for Breach of Contract Over 'Seriously Deficient' Web Design Work  AdweekHertz, one of the world's largest rental car brands, is suing former marketing partner Accenture LLP for breach of contract, claiming the company failed to deliver ...
5 Solid Web-Design Tips For Drawing In Clients  ForbesGood websites inspire action. From educational *content* to well-crafted menus to a focus on users' needs, here are some things to consider when looking to ...
The Top 25 Web Design Companies from Around the World, According to DesignRush  Yahoo FinanceAt Mad Icarus Media, they believe mediocrity is the enemy. Mad Icarus Media works with its clients to take the creative and calculated risks needed to create ...
CSS Grid is finally starting to live up to its potential in web design  AdAge.comThe technology promises to modernize the way the web looks for brands and publishers.
Twitter’s new desktop web design and dark mode options rolling out to all users, no option to revert  9to5MacTwitter's been testing a new design for its desktop web experience and now it's rolling out to all users with a simpler aesthetic, two dark modes, and more.
10 Web Design Tools to Improve Your Workflow in 2019  HTML Goodies10 web design tools that will help you effectively complete your tasks.
DesignRush Announces The Top 13 New Jersey Web Design Agencies Of 2019  Yahoo FinanceStudies show that 62 percent of companies can increase sales by creating responsive mobile-friendly interfaces for their website. DesignRush rounded up the ...
Top 5 Web Design Trends  Business 2 CommunityIt's 2019, you've already got a couple briefs to respond to, but you have no idea what's “in” this year. Fear not, I'm here to fill you in on all of the hot web design ...
10 exciting web design trends you can't hide from in 2019  The Next WebWith adding extra white space, making navigations the focal point of websites, and new typography, 2019 will be seeing websites experimenting with their ...
Web Design  Image MattersYour website is the centre of your digital presence. Therefore, our website design team create effective sites that best show how you can help new customers.
How AI is reshaping web development | Articles | Big Data  Innovation EnterpriseHow AI is enabling are reshaping web development and giving developers everywhere hope about the future of tech.
9 Web Design Tools to Help You Work Smarter in 2019  Interesting EngineeringWant to work smarter and not harder? Why not check out these web design tools that will leverage your time.
How (and Why) Collaboration Brings About Stronger, More Creative Web Design  EntrepreneurWith respect to web design, the result of team collaboration is almost always a better product.
How to Build Your Brand through Web Design  EntrepreneurBrands are successful because people care and remember them. So how do you make your brand memorable? The answer is consistency.
8 Web Design Tips for Ecommerce Website to Boost Sales  CEOWORLD magazineYou're in business to make money. You most likely knew that you can do that with your website. What most ecommerce site owners don't know, though, is how to ...
A day in the life of... Co-Founder and Creative Director of a web design agency  EconsultancyAndy Golpys is the Co-Founder and Creative Director of web design agency MadeByShape. Econsultancy spoke to him about how he came to found a web ...
Psychology in Web Design: Exploring Hidden Influences on Users’ Decision-Making  Business 2 CommunityGood design is something obvious. Great design is something almost transparent. Great web design can help build trust with users and motivate them to take ...
Free Generators for Web Designers and Developers  DesignmodoAre you looking for a way to ditch the routine and have more time for art and creativity? The harsh reality is that every project involves boring, mundane …
YouTube's carbon footprint is huge, but smarter web design could fix it  Wired.co.ukSustainable Interaction Design could help shave down the carbon emissions of websites and online services — why aren't they using it?
10 Topmost Web Design & Development Companies in Chennai – 2019 [Updated List!]  YourStory.comThe list of Top 10 Web Design & Development Companies in Chennai is sorted out through a research methodology. These companies are well verse in Web ...
Web Design New York Agency, Huemor, Shares the Ultimate Website Design Checklist  PRNewswireNEW YORK, June 28, 2019 /PRNewswire/ -- Website design is much like constructing a building – a plan is required, as well as time, effort, and resources. If...

Fast Web Design For The Skint Webmaster

About two years ago, I had a go at commercial... Read More

Make it Clear What Your Website is About

Just about every list of the "Top 10 Web Design... Read More

Dont Overdo it!

Have you ever been to site with so much ad... Read More

Keep It Simple, Stupid: The Beauty of a Clean Cut Website

Don't knock it; "Keep It Simple, Stupid" is a great... Read More

How to Use Sliced Graphics to Layout Your Web Site

The problem with designing your site as a graphic, is... Read More

Web Copy - What You Should Know First

Just what is web copy? Some people think that web... Read More

Do-It-Yourself Web Design for Home-Based Businesses

Home-based businesses need a strong web presence to combat the... Read More

How To Attract People To Your Web Site and Leave Their Contact

If you have a website, you want your visitors to... Read More

Use Exclusive Content - When Reprint Articles Dont Do Enough

There is no doubt that reprint articles can serve lots... Read More

How Not to be Ripped Off by Your Website Designer

As web designer my self, I have had the unfortunate... Read More

How To Create A Stunning Drop Capital Effect On Your Web Pages

Drop Capitals are frequently used in many newspapers, books and... Read More

Browser Compatibility

Internet Explorer, created by microsoft has been the most popular... Read More

Is Your Web Site Turning Visitors Away?

One of the biggest problems with Web sites is that... Read More

The Golden Rule Of Website Building

Copyright 2005 Robert EvansSetting yourself up to earn a steady... Read More

Design vs Content: Who is KING?

Well it is not Elvis, that's for sure.I am a... Read More

Title Tags - How to Make Them More Effective

The title tags of your web pages are more important... Read More

9 Ways to Gain Your Visitors Respect

The internet is filled with sites and they are good... Read More

Flash - To Use Or Not To Use?

Out there in the WWW there are thousands sites using... Read More

Do Your Website Yourself - 4 Simple Steps to Get Your Dreams on the Web

Many people hire professional web site designers for as much... Read More

Website Design: 10 Smart Tips To Improve Your Ad Copy

Your website design may be affecting your sales in ways... Read More

Give People What They Want And Watch Your Profits Soar!

Do you know why the majority of people use the... Read More

Website Background Colors and Graphics: What You Need to Know Before Designing Your Website

Designing your website means you have to be creative, plan... Read More

5 Easy Ways to Improve Your Website

When designing your website, remember to avoid useless and confusing... Read More

Web Design for Ecommerce

Your website is your tool for showing the online community... Read More

Choose & Use the Best Colors

The Psychology of ColorAre you using the best colors for... Read More