Troubleshooting websites can be complex, but you can start with the same basics every time. Here’s how, in sixty seconds!

Troubleshooting Websites
If you have a PHP or database error, you should know right away because you’ll see a message something like this:

But don’t be intimidated, just read the message closely and it will often tell you exactly what’s wrong.
If your page seems wrong visually, it’s likely a problem with JavaScript, CSS, or HTML, and you’ll need to figure out which. JavaScript errors will usually show up in the Chrome developer tools console, so check there first. You might find the exact file and line number at fault.
To check for HTML errors use the W3C validator and it will typically find anything that’s wrong in your code.
If there’s no JavaScript or HTML error, then it’s probably CSS, so use developer tools to inspect the elements on your site and tweak the CSS in the Styles tab until you find the problem and then update your stylesheets accordingly.
A Bit More Detail
Learn more about troubleshooting websites.
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post