After spending a few hours creating customizations, or making a new design, you may find that your site does not display as expected, or it looks fine in one browser and not a different browser. Sometimes you can spend as much time trying to get one piece of text or an image to line-up where you want it, as it required to create the whole layout. If you follow the advice below, you can save significant time during the debugging process.




HTML/XHTML validation service:

http://validator.w3.org/


CSS Validation service:

http://jigsaw.w3.org/css-validator/






example:

<!- This will break, OR thinks it contains a template tag because { and } occur on the same line ->

<script>

       $( "button" ).click(function() {$( "p" ).empty();});

</script>


<!- This will work, curly braces have been separated by new lines ->

<script>

       $( "button" ).click(function() {

               $( "p" ).empty();

       });

</script>


This consideration does not apply to any JavaScript or CSS files that you load via external sources/files.


example:


<script type="text/javascript" src="http://somesite.com/some/js/lib/lib.js"></script>


<link href="http://http://somesite.com/some/css/style.css" rel="stylesheet" type="text/css">


Related Topics:
Upgrading from OR v2.x
Upgrading from existing v3.x installation
General
TEMPLATE DOCUMENTATION
Upgrading/Updating Templates
Creating a public site Template
TEMPLATE SYSTEM LOGIC
PERMISSION TEMPLATE TAGS
FEATURED/RANDOM LISTINGS TEMPLATES
Featured/Random Template Tags
SEARCH PAGE TEMPLATES
Search Page Template Tags
JavaScript and Ajax
Single Use Hooks
Global variables