When you're trying to fix a problem, it can be tempting to look at your 400 line HTML file and 2000 line CSS file and get completely overwhelmed. You know that somewhere in that mass of code is the problem, but how will you ever find it? The key is to simplify. Cut down the HTML and CSS until the only lines of code are where the problem is. Remove distractions like JavaScript, Flash, or images. Once you've got only the part of the page that is the problem, you can usually fix it. And if you can't fix it, you are more likely to get a response in a help forum with 10-20 lines of HTML and CSS than you would with 2400 lines.
Related Articles
- Troubleshoot CSS - Simplify Your Code to Solve Problems - Troubleshooting H...
- Solving Problems in Web Design - Troubleshooting Web Design Problems
- Troubleshooting Checklist - Debug Your CSS and HTML Problems Step-by-Step
- Does what Operating System you write your Web pages in matter - Web design ...
- Book Review: CSS Cookbook 2nd Edition by Christopher Schmitt
Related Searches css problems
Explore Web Design / HTML
Must Reads
Most Popular
©2012 About.com. All rights reserved.
A part of The New York Times Company.
Good advice! I really needed that today for a project I’m working on. Thanks =)
I always just use dream-weaver then just click on what needs to be modified and switch to the css mode, works for me
Nice, I like your advice…Thanks for sharing the useful informantion.
One word… Firebug.
All you need to do is right-click (ctrl-click for the great Mac users out there) on the element that is giving you the trouble and choose ‘Inspect Element’. Within Firebug you are brought right to the code where that element is and on the right-hand side you are shown all of the CSS styles that are affecting that element. You can then click the Parent and child elements to see if those are what actually is causing the problem. You can make adjustments and CSS property additions right there on the right-hand side. You can see the adjustments in real time and once you get your CSS rule adjusted to fix the problem then you just look next to that element’s rule for what CSS sheet the rule is located and what line! Slick as all be.
Good luck!