having a bit of trouble with validation, cant really work out what i have done wrong...
see here
any help would be appreciated. thanks!
Page 1 of 1
validation issues
#3
Posted 16 March 2010 - 03:12 AM
According to the HTML Validator addon for Firefox, the unclosed div is <div id="wrapper"> at line 24. The closing tag should be immediately before the </body> tag.
I would recommend using the FF plugin I mentioned, IMO it's far better than the W3C validator, and you don't need to leave your page to so a validation check. In fact you don't need to do anything, it shows a little green tick in your browser status bar if the page is valid
http://users.skynet....gueury/mozilla/
Also, you could try using an IDE that matches opening/closing tags. That will help you see when a tag is unclosed.
I would recommend using the FF plugin I mentioned, IMO it's far better than the W3C validator, and you don't need to leave your page to so a validation check. In fact you don't need to do anything, it shows a little green tick in your browser status bar if the page is valid
Also, you could try using an IDE that matches opening/closing tags. That will help you see when a tag is unclosed.
#4
Posted 16 March 2010 - 02:04 PM
thanks for that. the firefox validator says that everything is fine which is what i thought. i dont know why the W3C one was throwing up the problems then.
#5
Posted 16 March 2010 - 08:12 PM
ben_faulkner, on 16 March 2010 - 02:04 PM, said:
thanks for that. the firefox validator says that everything is fine which is what i thought. i dont know why the W3C one was throwing up the problems then.
My FF validator says there is an error - the one I mentioned. The div with an ID of wrapper is unclosed.
#6
Posted 16 March 2010 - 09:08 PM
I've added comments to your closing tags you might find it easier to follow, I've also added a </div> for your clearfix
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Welcome to PaulMarcus</title>
<link href="paulmarcus.css" rel="stylesheet" type="text/css" />
<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>
<!-- initialize the slideshow when the DOM is ready -->
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
</script>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo"></div>
<div id="header-contact">
<h4>01179 592 047 </h4>
<h4><a href="mailto:info@paulmarcus.co.uk">info@paulmarcus.co.uk</a></h4>
</div>
<div id="header-contact-initials">
<h3>t.<br />
e.</h3>
</div>
<div id="header-contact-facebook"><a href="http://www.facebook.com/group.php?gid=10150112570400532&ref=ts"><img src="images/Facebook_icon.jpg" width="50" height="50" alt="facebook link" border="none" /></a></div>
</div><!--end Header-->
<div id="main-image-gradient"></div>
<div class="slideshow">
<img src="images/main-image-1.jpg" alt="image 1" width="960" height="338" />
<img src="images/main-image-2.jpg" alt="image 2" width="960" height="338" />
<img src="images/main-image-3.jpg" alt="image 3" width="960" height="338" />
<img src="images/main-image-4.jpg" alt="image 4" width="960" height="338" />
<img src="images/main-image-5.jpg" alt="image 5" width="960" height="338" />
<img src="images/main-image-6.jpg" alt="image 6" width="960" height="338" />
<img src="images/main-image-7.jpg" alt="image 7" width="960" height="338" />
<img src="images/main-image-8.jpg" alt="image 8" width="960" height="338" />
</div>
<div id="navigationbar">
<ul>
<li><a href="index.html">About Us</a><a href="index.html"></a></li>
<li><a href="showroom.html">Online Showroom</a></li>
<li><a href="researchandfind.html">Research & Find</a></li>
<li><a href="sellyourcar.html">Sell Your Car</a></li>
<li><a href="financing.html">Financing</a></li>
<li><a href="accessories.html">Accessories</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div id="showroom-wrapper"> <div class="clearfix"> <br />
<h1>Testimonials...
</h1>
<div class="car-overview">
<div class="car-image"><img src="images/cars/testimonials-robclarke.jpg" width="200" height="150" alt="testimonial pic 1" border="none" /></div>
<div class="car-main-details">
<p>Professional & Reliable Service, John Sourced My Bmw 530D M Sport & Was Supplied
Looking Superb I Would Definately Use His Services Again & Would Recomend Him To Anyone. </p>
<h2><strong>Robert Clarke</strong></h2>
<h2>Managing Director </h2>
<h2>Luke </h2>
<h2>Est.Circa 77 </h2>
<h2>Cabot Circus </h2>
<h2>Bristol </h2>
</div>
</div>
</div><!--end clearfix-->
</div><!--end showroom Wrapper-->
<div id="footer2"></div>
<div id="footer-logos">
<div id="footer-logos-cards"></div>
<div id="footer-logos-finance"></div>
<div id="footer-logos-hpi"></div>
<div id="allcreative-link"><a href="http://www.allcreativesolutions.co.uk/">Website designed by AllCreative</a></div>
</div><!--end Footer-logos-->
</div><!--end wrapper-->
</body>
</html>
Share this topic:
Page 1 of 1
Help














