PDA

View Full Version : validating my site - few error sI require help with



jarv
Feb 21st, 2012, 05:34 PM
my website has a few errors (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.jbiddulph.com%2Fcfs%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.2)


here is my HTML:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Chiltern Financial Solutions Limited</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="keywords" content="Financial Solutions">
<meta name="description" content="Chiltern Financial Solutions Limited">
<meta name="robots" content="index,follow,archive">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
try
{
var ticker_holder = $('.ticker-holder').get(0);
var ticker_text = $('.ticker').get(0);
var ticker_pos = ticker_text.parentNode.offsetWidth;

var ticker_data = $(ticker_holder).html();
$(ticker_text).parent().html('<marquee scrollamount="2" scrolldelay="40">' + ticker_data + '</marquee>');

$('#sub-nav').hover
(
function() { $('marquee', this).get(0).stop(); },
function() { $('marquee', this).get(0).start(); }
);


}
catch (o) {}
});
</script>
<script type="text/javascript" src="js/ddsmoothmenu.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo.js"></script>

<script type="text/javascript">

ddsmoothmenu.init({
mainmenuid: "smoothmenu1", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>
<!-- JavaScripts-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/s3Slider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slider1').s3Slider({
timeOut: 4000
});
});
</script>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="header">
<h1>Chiltern Financial Solutions Limited</h1>
<div class="logo">
<a href="index.html" title="Chiltern Financial Solutions Limited"><img src="images/cfs-logo.png" alt="Chiltern Financial Solutions Limited"></a>
</div>
<div class="topmenu">
<ul>
<li><a href="#" title="Mortgage Enquiry">Mortgage Enquiry</a></li>
<li><a href="#" title="General Enquiry">General Enquiry</a></li>
</ul>
</div>
<div class="telephone">01494 721396</div>
<div id="menu">
<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="#" title="Home" class="selected">Home</a></li>
<li><a href="#" title="About Us">About Us</a></li>
<li><a href="#" title="Investments">Investments</a></li>
<li><a href="#" title="Pensions">Pensions</a></li>
<li><a href="#" title="Mortgages">Mortgages</a></li>
<li><a href="#" title="Protection">Protection</a></li>
<li><a href="#" title="Contact Us">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div id="content">
<div id="sub-nav">
<div class="ticker">
<span class="ticker-holder">
<span style="margin-right: 15px; padding-left: 12px;"><strong><a href="http://www.syn-cap.com/sr/symbol/view/AIKB" title="AIK banka a.d. Nis. obicne akcije sa pravom glasa">FSA seeks ban on hostile bank pay-outs</a></strong> <span style="color:#a29a78;">&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;</span>
<span style="margin-right: 15px; padding-left: 12px;"><strong><a href="http://www.syn-cap.com/sr/symbol/view/AIKB" title="AIK banka a.d. Nis. obicne akcije sa pravom glasa">FSA seeks ban on hostile bank pay-outs</a></strong> <span style="color:#a29a78;">&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;</span>
<span style="margin-right: 15px; padding-left: 12px;"><strong><a href="http://www.syn-cap.com/sr/symbol/view/AIKB" title="AIK banka a.d. Nis. obicne akcije sa pravom glasa">FSA seeks ban on hostile bank pay-outs</a></strong> <span style="color:#a29a78;">&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;</span>
<span style="margin-right: 15px; padding-left: 12px;"><strong><a href="http://www.syn-cap.com/sr/symbol/view/AIKB" title="AIK banka a.d. Nis. obicne akcije sa pravom glasa">FSA seeks ban on hostile bank pay-outs</a></strong></span>
</span>
</div>
</div>
<div id="slider1">
<ul id="slider1Content">
<li class="slider1Image">
<a href=""><img src="images/header1.jpg" alt="1"></a>
<span class="left"><strong>Title text 1</strong><br>Content text…</span></li>
<li class="slider1Image">
<a href=""><img src="images/header2.jpg" alt="2"></a>
<span class="left"><strong>Title text 2</strong><br>Content text…Content text…Content text…Content text…Content text…Content text…Content text…Content text…Content text…Content text…Content text…</span></li>
<div class="clear slider1Image"></div>
</ul>
</div>
<!-- // slider -->
<hr>
<div class="feature1">
<h3>Investments</h3>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet nibh libero, ut cursus risus.</span>
<a href="#" title="More on Investments">More on Investments &raquo;</a>
</div>
<div class="feature2">
<h3>Pensions</h3>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet nibh libero, ut cursus risus.</span>
<a href="#" title="More on Pensions">More on Pensions &raquo;</a>
</div>
<div class="feature3">
<h3>Mortgages</h3>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet nibh libero, ut cursus risus.</span>
<a href="#" title="More on Mortgages">More on Mortgages &raquo;</a>
</div>
<div class="feature4">
<h3>Protection</h3>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet nibh libero, ut cursus risus.</span>
<a href="#" title="More on Protection">More on Protection &raquo;</a>
</div>
<div class="clear">&nbsp;</div>
<h2>Professional independant financial advisors specialising in investments, pensions, mortgages, protection &amp; estate planning. </h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet nibh libero, ut cursus risus. Vivamus feugiat rutrum magna at sagittis. </p>
<p>Donec tincidunt, odio et viverra fermentum, purus neque posuere felis, at viverra mi velit ac eros. Nullam lobortis, dolor ut pharetra congue, augue tortor condimentum nisl, in varius metus sapien pretium eros. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse quis vestibulum eros.</p>
<p> Nullam a iaculis lacus. Fusce vehicula sapien sit amet odio luctus gravida. Mauris at est tellus. Praesent pellentesque blandit metus sit amet interdum. Quisque eget leo et metus suscipit tincidunt nec non metus. Nunc eget ligula nisl, sit amet ultrices est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et rutrum lorem. </p>
</div>
<div id="footerwrap">
<div id="footer">
<hr>
<div class="col1">
<h4>Keep in Touch</h4>
<ul>
<li class="facebook"><a href="#" title="Facebook">Like Us</a></li>
<li class="twitter"><a href="#" title="Twitter">Follow Us</a></li>
<li class="blog"><a href="#" title="blog">Read our blog</a></li>
</ul>
</div>
<div class="col2">
<h4>About CFS</h4>
<ul class="leftlist">
<li><a href="#" title="About Us">About Us</a></li>
<li><a href="#" title="Our People">Our People</a></li>
<li><a href="#" title="Testimonials">Testimonials</a></li>
<li><a href="#" title="Contact Us">Contact Us</a></li>
</ul>
<ul class="rightlist">
<li><a href="#" title="News">News</a></li>
<li><a href="#" title="Site Map">Site Map</a></li>
<li><a href="#" title="Privacy Policy">Privacy Policy</a></li>
</ul>
</div>
<div class="col3">
<h4>Our Services</h4>
<ul class="leftlist">
<li><a href="#" title="Investments">Investments</a></li>
<li><a href="#" title="Pensions">Pensions</a></li>
<li><a href="#" title="Mortgages">Mortgages</a></li>
<li><a href="#" title="Protection">Protection</a></li>
</ul>
<ul class="rightlist">
<li><a href="#" title="Estate Planning">Estate Planning</a></li>
<li><a href="#" title="Mortgage Calculator">Mortgage Calculator</a></li>
</ul>
</div>
<div class="col4">
<span>Chiltern Financial Solutions Ltd, 3rd Floor office suite,<br> 12 The Broadway, Old Amersham, Bucks, HP7 0HP.<br> Tel: 01494 721396 Fax: 01494 725960<br> <br>&copy; 2011 Chiltern Financial Solutions Ltd. All Rights Reserved<br>Judd Associates: Sussex Web Design </span>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet nibh libero, ut cursus risus. Vivamus feugiat rutrum magna at sagittis. Donec tincidunt, odio et viverra fermentum, purus neque posuere felis, at viverra mi velit ac eros. Nullam lobortis, dolor ut pharetra congue, augue tortor condimentum nisl, in varius metus sapien pretium eros. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse quis vestibulum eros.</p>
</div>
</div>
</body>
</html>


a link to the site : here (http://www.jbiddulph.com/cfs/)

SB65
Feb 21st, 2012, 05:41 PM
With which errors do you need help?
Unclosed span tags are fairly self explanatory....

jarv
Feb 21st, 2012, 05:43 PM
all 5 really....

Line 24, Column 105: end tag for element "MARQUEE" which is not open

Line 101, Column 10: end tag for "SPAN" omitted, but its declaration does not permit this

Line 111, Column 44: document type does not allow element "DIV" here; assuming missing "LI" start-tag

SB65
Feb 21st, 2012, 05:48 PM
Marquee - it's because you have html within javascript. Not as tragic as some. Best solution is to hive off the js to a separate file.

Span tags....they're not closed, where it says.

Last one - you've got a div as a direct child of a ul.

jarv
Feb 21st, 2012, 05:55 PM
Thanks!