How to Understand (and Fix) HTML Errors

Why does every error seem to have some sort of obscure number rather than a true explanation of what just went wrong when you tried to pull up a website or load your email? But numbers are the norm, and figuring out what’s wrong with your computer requires digging just a bit deeper than we might prefer. Interestingly enough, many errors have similar causes or – at the very least – similar solutions.

Error 400

When you see a message that looks like “400:Bad Request” or more specifically “HTTP Error 400 – Bad Request” you can trust what you see. The request you made was faulty in some way. Typing a URL in your browser is a sign to the computer that you’re requesting a page from another computer, or server. When something is wrong in the URL you typed, it can’t load and it gives you an error.

While a typo is certainly a strong possibility for Error 400, it may also be that the page you’re trying to reach has been deleted, the URL was copied down wrong or is missing key elements. The website may have been updated as well.

Error 401

“401: Unauthorized” means you’re not the person the website was hoping to see when you tried to log in. Error 401 is a simple error – the virtual door was just slammed in your face by the website security. If you didn’t log into a website that requires users to enter their username and password, you’ll see Error 401. If you did attempt to login, but the website server didn’t recognize you, you mistyped something or some other odd twist of fate, you won’t be allowed to proceed and you’ll be staring down Error 401 as well.

Error 403

You naughty thing! When you get an Error 403 message, it means you’ve tried to access part of a website that is absolutely, positively forbidden. Who knows what the webmaster is trying to hide behind the virtual brick wall you just slammed into, but one thing is for sure – you’re not going to go any farther with that particular URL. At least not right now.

You may hit Error 403 rather innocently, of course, but typing something wrong in the URL or perhaps just trying to access the website at the wrong time of the day. This error doesn’t mean you did anything with a sinister motive… unless you were doing something with a sinister motive.

Error 404

You might see any number of unique messages for Error 404, but they will all have something along the lines of “Error 404: Page Not Found”. You’ll see the Error 404 message when you try to pull up a webpage that isn’t actually located on the server.

In very general terms, Error 404 is supposedly your fault, but in reality not all Error 404 messages appear because of user error. Pages may be down on a website or you may have been trying to reach a page that the website owner took down or changed, and nobody can blame that on you.

Error 408

Error 408 is a particularly frustrating stumbling block on the internet. You type in the URL or click on a link. And you wait. And you wait. And then the website returns an error rather than the site you were trying to reach. This is Error 408 – you’ve “Timed Out.”

When you send a request for a website and it doesn’t load fast enough, the server gives up. Rather than loading the site in question, it coughs up an error. Sometimes a quick refresh helps, but other times more drastic interaction is required. To Refresh your browser, click on the circular arrow near the address bar.

RESOLVING THE ERRORS

While there are many numbers attributed to the various internet errors above, many will have the same or similar solutions. When you’re not getting to the website you’re attempting to reach, solving the problem involves something of a drill down technique.

Check the Internet Connection

Do a quick check that you’re getting full internet access by pulling up a search page and searching for something random. If you get results and you’re able to click through to those sites, you can cross faulty internet off your list of possible problems. If you aren’t getting to any new websites, you would do well to reset your router and restart your computer to be sure you’re fully connected to the internet.

Check for obvious mistakes

Look over the address you just typed and look for obvious mistakes – long URLs especially are hard to type correctly. If you miss one letter or dot, you won’t be going far. Check also, especially on Error 403 where passwords would be encrypted, that you don’t have Caps Lock turned on. Check also that Number Lock is set as you normally have it. If you do discover an honest mistake, simply correct it and try again. The solution may be that simple.

Restart your computer

While it’s allegedly the internet giving you trouble, not your computer, it never hurts to restart the computer. When you restart your computer may update some critical software or reset the connection to the router so that your internet works correctly or at a higher speed. It’s an easy possible fix, and worth the few minutes it takes.

Update your browser

If you notice that you’re having a lot of internet problems and seeing quite a few issues spring up, check to be sure that your internet browser is fully up to date. Your browser is probably set to automatically update as new versions become available, but if you’ve put off updating or missed an update, you can get caught up by going to Windows Update for Internet Explorer, and by going to the Tools menu for Firefox and Chrome.

Update plug-ins

If your browser is totally up-to-date, check to be sure that plug-ins that are commonly used are up to date as well. Among common plug-in for websites are things like ActiveX and Flash. You may see a message on the website to update the plug-in or you might manually update these by visiting the websites and downloading the offending applications to update or install the plug-ins. Firefox offers a plug-in check page here as well to get ideas for what may be causing the problem.

Check back later

Finally, if nothing else seems to be working, you can always throw your hands up and walk away. But be sure to come back later. Often websites have their own issues that can cause these errors and simply waiting five minutes will be all you need to do in order to have things working correctly again.

Posted in Uncategorized | Leave a comment

HTML 5 – Boon or Bane?

HTML 5 is an emerging standard. It has superseded the earlier XHTML standard. People and products are yet to embrace this standard fully. With every standard comes the question of backwards compatibility and new feature inclusion. While HTML5 is backwards compatible, it has brought an avalanche of features along with it. Some are mundane, while some are outrageous.

While we get should not get overawed by the feature set, there is something very sweet about HTML5. It’s forgiving like our parents. No strict syntaxes or semantics. You may think that it paramounts to spaghetti code. While this may be true from a lexical sense, it’s not, from a compliance perspective. Can we ever stop this new generation from writing code the way they please?

Well, HTML5 has at least one feature for the young and old alike. Some niceties like shortening of tags for instance DOCTYPE have been included. Then there are the new tags like header, footer, aside etc. to semantically address a page, the way it should. For example, you can have a block quote aligned on right side using the <aside> tag. There are many other useful formatting tags. Some of the old tags have been made more meaningful.

The new feature set for HTML5 includes things like Geolocation, Audio/Video tags, Webworkers, Canvas, Microformats and Microcodes. They mean a whole lot. But let me explain to you the Audio/Video tag. No longer do we need a plug-in like flash or shockwave to listen to music or watch video. We have built in Codec’s that enable this feature, and they are very powerful. How many lines of code, just one – heck, that is amazing.

In the same way, consider Geolocation. You can have a map of where you are in 15 lines of Javascript code. Note that HTML5 relies a lot on Javascript. But does it mean that we have to program? The same old question – programming is for power users. And, if you know Javascript, you will have a considerable edge over the features of HTML5. Some features like Canvas and Geolocation purely work with Javascript. So go ahead learn it – ain’t that difficult. And if you want to get fancy, try a little bit of jQuery also.

Please keep in your mind that not all features of HTML5 will work with all browsers. Of course, there are workarounds (again using Javascript) but you may have to test the implementation on multiple browsers. Use IE, Chrome, Firefox, Safari and Opera as your benchmark. In a year or two they will start supporting many of HTML5 new features. Is there a choice – I’m afraid, there isn’t…

Finally, one last word about HTML5 – Is it a boon or a bane? You decide.

Thanks

Rajesh Menon (Guru30)

Posted in Uncategorized | Leave a comment

Converting Your PSD to HTML Code

Why convert PSD to HTML? Some web designers create websites in CSS files. CSS stands for Cascading Style Sheets. This is a technique of designing web pages that allows changes to be made on all the web pages just by changing some code in one file. Web designers use PSD file formats to store these web pages. However, it is not possible to use these in the format that they are saved in along withHTML code, the generally accepted code for web site design.

When a web designer receives a CD containing PSD images he or she needs to convert them to HTML in order to use them on web pages or to edit the images. This can easily be done using the program that was used to create the PSD, which is Adobe Photoshop. The.PSD file extension is used with Photoshop. So, to convert a PSD to HTML one can do one of three things, use Adobe Photoshop to convert the file to another format, use a PSD converter or hire a professional to hard code the PSD to HTML code(a web page or web pages).

Many graphic web designers design web pages and save them as PSD files. Because this type of file opens with a very expensive software called Adobe Photoshop and because this type of file is becoming increasingly popular many software programmers have developed software that can open and work with PSD file extensions. There are a few less expensive programs that are compatible with PSD files.

Using these programs web designers can buy PSD template files and work around them in their graphic programs then integrate the images into HTML by imbedding them as images in the code of their site.

However, not every one is conversant with working with images in Photoshop or the other software that can open and alter PSD files. They need to hire professionals who can convert PSD to HTML code for them. These professionals will use the exact technique as mentioned earlier. They will use Photoshop or its compatible software, slice the images and save them as JPEG or GIF images and integrate the images in the HTML.

Entire web templates are available in PSD formats. These can be used as it or they can be opened in an imaging software and reworked to suit the theme of the site being developed. It is possible to change around the size of the images in the PSD or change the background even change the images as well to entirely different images.

Txt boxes can be placed in layers and buttons can be added or removed from the PSD template then the PSD to HTML or PSD to CSS conversion is carried out by hard coding the image to fit into HTML frames or layers. If a webmaster is proficient with working with imaging software it is not problem but if not then the job will obviously have to be outsourced to some contractor such as a freelance professional who can do a great job converting PSD to HTML and producing a quality website in the bargain.

Posted in Uncategorized | Leave a comment

HTML Utopia – Designing Without Tables Using CSS

Sitepoint never disappoint when they publish a new book and HTML Utopia: Designing Without Tables Using CSS is no exception. It is a very well written book aimed at anyone who wants to design standards compliant, modern websites using CSS for layout.

HTML Utopia is written by Rachel Andrew and Dan Shalfer. Rachel is the director of web solutions company, edgeofmyseat.com. Dan is a popular web design consultant. Both are CSS experts.

Even if you are an experienced web designer, you can still find true gems of information in this book. It is particularly useful for those who are used to laying out websites using HTML tables instead of CSS. HTML Utopia: Designing Without Tables Using CSS will help you understand why this is not a wise approach and explain how to design layouts using only CSS. It will also help you create search engine friendly websites.

HTML Utopia is not aimed at absolute beginners and some prior experience is a good idea before using this book. This book is perfect for intermediate to advanced web designers.

When you purchase HTML Utopia: Designing Without Tables Using CSS, you will also be able to download a full sample website from Sitepoint. This is a very useful resource and will help you understand many of the concepts that are described in the book. Also included is one of the most comprehensive CSS Property reference ever written.

HTML Utopia: Designing Without Tables Using CSS is a superbly written book and will be a real asset on any web designers bookshelf.

Contents include:

· Why not to use tables for layout

· When to use CSS and when not to use CSS

· Building one, two and three column layouts

· Building fixed width and liquid page layouts

· Using floating and absolutely positioned elements

· Using CSS inheritance

· Text styling

· Ensuring optimal web accessibility and standards compliance using CSS

· Designing sites that work in older browsers as well as newer browsers

Posted in Uncategorized | Leave a comment

What Does HTML Do and What Does it Mean?

HTML means Hyper Text Markup Language.

Some Basic Things You Can Do with HTML

-change the fonts style, color, underline it, and Italic and bold it

-change the font color

-create a list UL – for unordered list OL – for ordered list LI – for each line in the list

-create a table to organize your images or create a chart on your site table – starts table tr – starts table row td – starts table cell

remember to end each cell and each row as well with a hash mark before the tag

-create a text link text links are great

-add an image img src

-create simple contact forms that include labels, radio buttons, and push buttons

-quote someone blockquote – quoted text

-insert special characters and fractions into your text or blog post these are just a small sampling;

™ (TM) trademark sign

♥? heart @ @ at sign

© © copyright

® ® registered trademark

¶ ¶ paragraph sign

¼ ¼ one-fourth

½ ½ one-half

¾ ¾ three-fourths

With HTML you can do a lot of different things with it within your website or even your blog. You can put images on your website and movies and video.

There is so much you can do with HTML to make your website more attractive and appealing to visitors.

But I must now caution you with this. Even tho many have found really cool things they can do with their websites using HTML coding, that it has made their sites way too wild and hard to find things.

Most people today will click away from these fancy sites, and instead be more willing to read a website that is simple and clean.

Keep this in mind while you are building your website, DO NOT get carried away with all the neat things you can do with HTML. Keep it simple and clean.

Posted in Uncategorized | Leave a comment

.NET HTML Editor Control For Windows Form Based Applications

Building an HTML WYSIWYG editor oriented Windows Form application on .NET Framework could never been simpler. You are a .NET Developer, looking for a WYSIWYG editor control that will take / return HTML string and you want that your application should run on .NET 2.0, 3.0, 3.5 and 4.x, right ? You have landed to the right place. SpiceLogic offers you a highly efficient .NET WYSIWYG editor control for Windows Forms which GETs and SETs HTML string. You can use this control for developing windows applications like Web Page Content editor, full Web Page editor, email message composer or any application that uses a rich formatted text editor for your user. The control comes with 2 special value properties, “BodyHtml” and “DocumentHtml”. The BodyHtml Gets/Sets the partial html content like [b] Hello World[/b]. The Document HTML Gets/Sets the whole HTML document which can be used for a full web page like [HTML][head][/head][body][b] Hello World [/b][/body][/HTML].

The editor comes with many HTML editing tools. You can customize all of the items in the toolbars. Even if you do not want to use the default factory items and instead use your own, this control provides you a user friendly interface to build your own toolbar items. All the factory items are fully customizable. Moreover, all toolbar item functionality can be implemented externally using the rich set of public methods. This time you do not need to be bothered about localization. You can customize all the texts and replace the factory provided dialogues with your own dialogues in your own language! It is highly optimized for Windows Vista 64 bit operating systems. Html value properties are optimized for Data Binding. It is featured with many useful public properties, methods, and events. A good spell checker is just built in there. Also body style can be edited using a rich GUI CSS editor, which is available both in Design time and run time.

Highlights:

Base and Relative URL support:

This control is highly suitable for HTML documents that have Relative Urls in it’s resource’s path reference. So, now you can show an image in the editor simply with the following tag : [img src=”myImage.jpg” /]. The control comes with a property named “BaseUrl”. You need to set that property to the image folder or internet url. So, Guess What !! You can ship your application to your user’s pc where you simply change the Base URL programmatically so that the images can be shown in any of your user’s PC.

Spell Checker:

This control is featured with a spellchecker. You can use your own dictionaries with the spellchecker.

Searching API:

Searching API is included with the control. You can use the default searching dialogue or you can implement the search dialogue yourself.

Customizable interface:

This control comes up with two factory toolbars, with many rich toolbar items. They are perfect enough to do almost all of your editing task. Also you can customize them. Even if you do not want to use them and instead use your own toolbar items, you can also do that.

Design mode and source mode:

There are two editing modes available. WYSIWYG design mode and Raw Html source mode which will give you a complete control over the HTML content.

Events:

Two feature events are worth mentioning. Pasting event and HTML Changed event. Guess What !! You can intercept the Pasting event and manipulate the pasting content from ClipBoard and apply your filter logic. Very much useful for filtering MS Word content while pasting. HTMLChanged event, fires as soon as the html is changed, similar to TextChanged property of a TextBox Control. Also you can change the default behavior of the loading and saving HTML to the editor to your needs.

Methods:

Lots of useful methods are there like getting or setting caret positions, scroll positions, GetPlainText() method. GetPlainText() method is not a return a simple text version of the HTML. Rather the returned text will preserve the layout of the original HTML content like tables, paragraphs etc. Cool isn’t it?

Properties:

Lots of useful properties are there like Scrollbar visibility properties (GET/SET), Read Only property (GET/SET), Word Wrap property (GET/SET). Property available for choosing Single Line Break or Paragraph on Enter key response.

Operations composite property contains Methods associated with the toolbar items. That is, if you want to create a button of your own and give it the default copy functionality, you can invoke the Copy() method of this property.

The SelectionState property as its name goes deals with the editor’s content. Like getting the attributes of the editor items and also to determine the state of current selection. It has properties like, IsBold, IsHyperLinkSelected, IsImageSelected, IsItalic etc. It contains one of the important properties ActiveHTMLElement of type IHTMLElement. This property gives you full programming control for getting the Active Element as Document Object Model and manipulating the Element (as a node).

DataBinding:

For Data Binding purpose you can bind any data sets’ string field to the editor’s BodyHtml or DocumentHtml properties. This will give you an excellent opportunity to use database models with the editor.

Styling the Document:

Apart from the designer mode and you can change the body style of the document right from the editor both in the designer mode and from run time.

Other exciting features include:

— Basic enough for even the most novice of users.

— Optimized for Vista 64 bit OS.

— Design time GUI Collection editor available for manipulating the properties of the toolbar items.

— Easier interface to add new toolbar item.

— HTML can be retrieve as plain old HTML, XHTML and XML

— Generates clean [span] tags for font elements; ([span]text here..[/span] (not [font]text here.[/font])

— GUI Dialog for Table Insert/Update

— GUI Dialog for editing table cells.

— GUI Search dialog; Search API is also available for implementing your own search user interfaces.

Posted in Uncategorized | Leave a comment

Why PSD to HTML Is Outdated

Ever since Photoshop was created, PSD to HTML has been a workflow that’s been the standard – and for good reason. It’s been a great way to create great websites and get them done in the most efficient was possible.

The workflow has always gone something like this:

  1. Design a website in Photoshop
  2. Slice up all of the images needed
  3. Write HTML code and bring in images
  4. Profit!

Once upon a time, The Web was a bit different – and PSD to HTML was the proper way to do things. Though, that being said – it’s not the best way anyway – but a lot of designers still get the job done this way. That’s okay… possibly..if they want to take forever to create a great design.

There’s a few reasons why PSD to HTML is Outdated for 2014, and I’ll get into those below.

  • Top of the line code – HTML5 and CSS3 have given designers a lot of amazing abilities that used to only be possible with Photoshop. This is a huge reason, we no longer have to design so much in Photoshop to make something happen on screen – such as drop shadows or fancy text.
  • Responsive – The Web is responsive now. Everyone has a PC, a laptop, a smartphone, and a tablet – or… a combination of those..or just one of them. either way, you get my drift – our websites no longer look the same on each screen, so it would just be silly to design PSD files for ALL screens.
  • op of the line apps – there’s so many web apps and software out there that allow us to whip up low fi and high fi wireframes in record time. There’s also frameworks out there such as Bootstrap and Foundation that allow us to code up a website for at least presentation purposes within hours.

So is Photoshop no good?

No, Photoshop is still awesome. It still has a place in Web Design – so don’t get me wrong there. I don’t think that it’s the best tool to use for mocking up websites anymore though. That whole workflow should be dead and gone by now – with all of the tools and resources available to whip up a design on the fly, there’s just no reason to use a bulky, outdated workflow like PSD to HTML to do the job anymore.

Posted in Uncategorized | Leave a comment

Throwing a Birthday Party for Someone in the Hospital

When someone is in the hospital on their birthday, it can be a tough situation for the person. They may be feeling depressed or lonely when thinking about their upcoming birthday. Thankfully, there are many ways to bring cheer into this loved one’s life by throwing them a birthday party in their hospital room.

While it is tricky to throw a party in a hospital, it can be done with regard to the hospital’s rules and regulations. Before planning an event, it should be made clear how many people are allowed to attend and any other rules the hospital would like attendees to adhere to.

One of the easiest ways to brighten up the party atmosphere in a hospital room, it to have party guests bring in birthday balloons and flowers. These small gifts will make the birthday person feel special and more at home while in the hospital. If the hospital will allow it, it is also nice to post a birthday banner and some streamers. It is important to make sure the party is not intruding on another patient’s space.

The next order of business for throwing a birthday party in a hospital, is to get a cake. Generally, candles are not allowed in hospitals due to the flames and smoke. However, a beautiful cake is always welcomed. If possible, personalizing the cake is a great way to add flair to the cake.

To make the person feel extra special, shower them with birthday gifts. Since they are in the hospital, finding gifts that they can use while in the hospital are the most thoughtful. Some gifts to keep in mind are blankets, pillows, books, movies, music, or games they can play while in their hospital room. These gifts will show that everyone attending wants to make their stay at the hospital as comfortable as possible.

Making the party a surprise will add something special to the day for the person. For a surprise party, make sure to coordinate the event with the hospital personnel before the big day to ensure everything goes according to plan.

For loved ones in the hospital, a birthday can seem grim. It doesn’t have to be that way. All that is needed is a little planning and coordination with the hospital so they can have the birthday they deserve even under the circumstances. Throwing a birthday party for someone in the hospital will not only show them that they are being thought of while away from home but also brighten their special day.

Posted in Uncategorized | Leave a comment

St Johns Hospital Diet

However unbelievable this may sound, I did manage to successfully lose 9 pounds in 3 days with the help of St Johns Hospital 3 day diet. Looking and feeling much better and healthier was an instant result because of the amazing 3 day diet I experienced in St Johns Hospital. If you are a little unsure about this particular diet,

I am here to tell you not to worry as it is very safe and efficient. Amazing things can be done by going through a diet like this and to be honest with you, unlike most diets it does not even taste bad.

Hospital have a bad reputation when it comes to their food as most people tend to think that all the food served in hospital are always bland and boring with little or no taste. However, this is becoming a thing of the past. as hospital foods are becoming more and more delicious and tasty to go along with the healthy nutrition in their food as well. Overall, The food preparation and medical care in hospitals such as St Johns Hospital are improving day by day.

The St Johns 3 days hospital diet is pretty decent tasting and even though its menu does include the typical hospital food you would normally get, it does not necessarily mean it is going to taste bad.

The chemicals contained in the food are the main factor involved in St Johns 3 day hospital diet and that is the main reason why you cannot replace the food any way you like as no food substitution is allowed for this diet to be effective. The different food components mix together to form a combination to help in your weight loss. Once you are done with the St Johns 3 day hospital diet it is recommended that you do not continue the diet after day 3 and just stop because the sole purpose is to provide a motivation for you for that push you need to enhance your weight loss program. However, If you wish to go back to the St Johns 3 Day hospital diet then it is not a problem just do not do it continuously and give it a 4 day interval between each time you do the 3 day diet. Always keep in mind as well during those 4 interval break days between the hospital diets do not eat fatty and unhealthy food but just eat reasonably and healthy.

The following is the list of food items that you should consume in the St Johns 3 day hospital diet:

1st Day:

Breakfast – A cup of plain black coffee or tea, 1/2 of a grapefruit, 1 slice of toast with nothing on it, and a tablespoonful of peanut butter.

Lunch – A cup of plain black coffee or tea, 1 ounce of cheddar or 1 slice of toast with nothing on it, and 1/2 cup of tuna (plain, packed in water)

Dinner – 3 ounces of lean meat (chicken), 1 cup green beans, 1 cup of carrots, 1 small apple, and – get this now – 1 cup of vanilla ice cream (Delicious!)

2nd Day:

Breakfast – A cup of plain black coffee or tea, 1 egg, 1 slice of toast with nothing on it, and 1/2 a banana

Lunch – A cup of plain black coffee or tea, 1/2 cup of tuna or 1 cup of low fat cottage cheese, and 5 regular saltines.

Dinner – beef hot dogs (sans buns), 1 cup of broccoli, 1/2 cup of carrots or turnip greens, 1/2 banana, and 1/2 cup vanilla ice cream

3rd Day:

Breakfast – A cup of plain black coffee or tea, a small apple, 1 ounce of cheddar cheese (sharp or mild does not matter), and 5 regular saltine crackers with nothing on them

Lunch – A cup of plain black coffee or tea, 1 hard-boiled egg, and 1 slice of toast with nothing on it

Dinner – 1 cup plain tuna again, 1 cup cauliflower or 1 cup kidney beans, 1 cup carrots or beets, 1 cup of watermelon or cantaloupe, and 1/2 cup vanilla ice cream.

For those that have been to basically any hospital the food menu looks familiar doesn’t it? Think of it this way, if the hospital is serving it then it must be good for you as they will not serve food to make you even more unhealthy or sick and that is why I am a fan of St Johns 3 day hospital diet and feel safe in taking up such a diet. Trust me it works as I have gone through it. It felt amazing losing 9 pounds in just those 3 days and now with this information hopefully you can feel amazing too. It takes just 3 days! Thanks St Johns hospital diet!

Posted in Uncategorized | Leave a comment

CSS Table Less Format and HTML Table Base Format, Which One You Prefer

I have been doing extensive research on net regarding people’s opinion on building website using CSS div based format over HTML table based format and have found that there is a lot more improvement in terms of page size, load time and search engine positioning after switching to CSS div based format.

CSS is syntactic, it’s fast and lightweight. Compared to HTML, developing a site in CSS table less format is more systematic. The clarity of the code in CSS makes you feel much in control where as in HTML table based format we just go on pumping the tables into the design leading to more complex and cluttered html code. CSS is definitely more of an efficient way to code, as the style sheet is loaded once and cached, versus loading the table code with every page.

Depends on how complicated website design is I would recommend CSS over HTML. In CSS the basic principle is to use div tags as containers to hold different elements instead of table cells. Assigning an id or class to those div allows you to add styles and to position them using an external style sheet instead of over and over again in each td. Many times instead of going for 100 percent CSS table less development people use partial CSS div based and partial HTML table based procedure. For e.g. They use a table for holding things in place and assign ids or classes to the tds for styling, which is still better than a purely table based design with inline styles.

As far as code goes, we all know now that CSS generates less code and it is search engine friendly but it has certain limitations and problem, often it is because of browser incompatibility. I’ve seen lots of website layouts done with CSS, where the content breaks the layout and boxes overlap each other, making certain parts of the content unreadable. Such things are easily manageable using tables where as CSS would require multiple “hacks” to produce the desired outcome.

Redesigning a CSS div based site is much easier and less time consuming than HTML table based site. This is because CSS designs have separate files for content and visual data including web page structure whereas table based designs mix layout information with content in the same file. Table based HTML sites heavily relay on spacers (transparent gifs) to control blank spaces within the sites, where as this can be easily achieved using margins and padding in CSS layout.

Although CSS based design appears to be simpler, neat and tidy you need to spend significant amount of time learning the rules of the CSS. This comes through practice only. If you want to make pure CSS div based designs, be prepared to invest time in learning. No matter how seasoned developer or designer you are, be prepared to hunt down the bugs relentlessly for endless hours.

Web developers must consider their clients preference before finalizing the format. If the client is more concerned about standards and wants to be sure not to use any deprecated strings in their webpage then CSS div based design is the best option.

Finally we can say let the war continues between CSS div based and HTML table based design to our benefit. In the mean time designers and developers can add on more knowledge and practice with both tables and CSS and become more versatile to handle any situation.

Posted in Uncategorized | Leave a comment