search engine optimization   Programming blog
        SEO        Link Building        Services        Genie Magic        Web Design        Contact Us        SEO Tools
 
   
Fixing bugs in CSS, Sunday, June 29, 2008
   
 

A high-quality web designer has to undergo every time he or she codes a page using CSS for design. Web Standards is the only way to go and it must be an obvious option when you take your job serious.

Confirm your markup is well structured

Make sure your markup is finely ordered, in other words make use of the suitable markup for the appropriate content. Apply headings for titles, paragraphs for blocks of text, ordered and unordered lists to sum things up in list form or for your navigation, field sets in combination with legend and label elements for forms... Finally, use tables only for what they are used for, tabular data.

Validate your markup

It's not pretty much the green check mark in the bottom right hand corner of your browser or 0 errors or warning on the W3C Validator that matters. This is only an additional check and a confirmation that your code validates. The W3C markup validator or W3C CSS validator should be your tools to make your page an error free. Tools that facilitate you to create the right coding, but consider that this is just a machine that runs a test for you. Some coding faults, for instance using the incorrect or structure-less code for certain content will not be seen as an error by this machine, so make sure this is in order. Validate the pages is an absolute necessity before you begin to fix any CSS layout problems.

                                Earthlink Netscape Netvouz RawSugar Shadows Sphinn StumbleUpon Yahoo MyWeb

 
   
 

posted by candy @ 10:18 PM permanent link   | Post a Comment |

 

4 Comments:
  • At June 30, 2008 3:30 AM, Anonymous Case Stevens said…

    Excellent post.
    I’m always looking for great information like this and have been browsing the World Wide Web for a couple of years now.
    Could have saved myself a lot of time by just going to searchenginegenie's programming blog. i dont know how i missed it.

     
  • At June 30, 2008 3:32 AM, Anonymous Ankith said…

    Nice post. I think validation is the toughest problem for amateur web designers :).

    Could you suggest a CSS Editor for Windows? I use Firebug but I every now and then it does have a few bugs. There would and should be a better way to edit CSS out there :)

     
  • At June 30, 2008 3:33 AM, Anonymous Jack keller said…

    Great post, well put together. I started to use CSSEdit about a year ago and it has become tremendously helpful in development, specifically to the Preview & X-ray functions.

    Web Standards are crucial to the future of web design/development, and the trend now is that more and more people gravitating towards it. As the years have gone by we have had to use less and less ‘hacks’ to achieve our goals. Thus giving us the ability to focus on clean and well rendered code. I just can’t wait to see what the next decade will look like!

     
  • At June 30, 2008 3:38 AM, Anonymous kdesign7 said…

    Thank you so much Searchenginegenie, for posting about CSS bugs! CSS is a very exciting and fun technology, but you definitely have to use it properly. My question is related to your IE comments. I know your blog definitely validates for CSS and HTML, but how is that possible if you use hacks in those style sheets? I know hacks are no-nos for validation.

    I am intermediate at CSS, learning more every day about how it works. I know there are so many different ways to create layout in CSS, but what I am finding to be most difficult is how only one of them works across all browsers. I find it almost takes more time because of how different browsers render the code.

    Thanks for all you do in the community!

     

Post a Comment

Home

 

Categories
 

 
Archives
 
Previous posts
 
 
PageRank 10 sites
Search Engine Optimization SEO Blog
Search Engine
Optimization SEO News
SEO Copywriting Blog
Web Design Blog
Link Building Blog
Pay Per Click (PPC) Blog
Programming Blog
Search EngineGenie Blog
Lara's Personnal Blog
Search Engine
Optimization SEO Forum
SEO Comics
Webmaster & Search Events
 
search engine optimization
search engine marketing
SEO consulting
SEO plans
SEO services USA
search engine optimization SEO forum
SEO comics
Webmaster & Search Events
SEO Faqs
link popularity
strategies of link building
link building services
link cost
link request quote
link building blog
search engine genie company
our team
our celebrations
our experience
SEO
why us

web design
web designing services
dynamic website
web design and marketing
simple e-commerce website
complex e-commerce website
search engine friendly site
web design blog
web design
link building
internet marketing
ecommerce implementation
pay per click services
shopping feeds optimization
shopping cart customization
product development
online forms & database integration
programming services
PHP programming services
programming services Java,J2EE
.NET application development programming services
business process outsourcing
offshore outsourcing
Google Products(froogle feeds)
search engine optimization articles
google articles
yahoo articles
miscellenous articles
search engine optimization SEO blog
search engine optimization SEO news
SEO copywriting blog
web design blog
link building blog
pay per click (PPC) blog
programming blog
lara personnal blog
Search Engine Genie Blog
Google Tools
Yahoo Tools
MSN Tools
Comparison Tools
Link Popularity Tools
Search Engines Tools
Site Tools
Keyword tools

contact us
support
our guarantee
events