У меня есть один из тех конструкторов веб-сайтов, где вам просто нужно скопировать шаблон html, а затем изменить несколько текстов, поэтому я надеялся, что мне не придется слишком много связываться с чем-либо еще, поскольку я здесь совсем не разбираюсь .
К сожалению, когда я пытаюсь щелкнуть ссылки на вкладках навигации в верхней части страниц, я получаю следующую ошибку на каждой странице, вероятно, это означает, что они не связаны должным образом или что-то в этом роде, хотя я вижу нет ошибки в ссылке href.
Этот файл XML не имеет связанной с ним информации о стилях. Дерево документа показано ниже.
Пожалуйста, что мне нужно сделать?
ps: Я пробовал еще пару шаблонов до этого, и навигация работала нормально.
html находится ниже:
<!-- Header -->
<header>
<div class="inner">
<h1 class="logo"><a href="index.html">Chozeq Farms</a></h1>
</div>
<nav>
<ul class="sf-menu">
<li><a href="index.html">home</a></li>
<li class="current"><a href="about.html">about</a></li>
<li> <a href="trainings.html">trainings</a>
<ul>
<li><a href="#">Maecenas faucibus</a></li>
<li><a href="#">Fusce tincidunt</a></li>
<li> <a href="#">tempor eros</a>
<ul>
<li><a href="#">ut viverra</a></li>
<li><a href="#">hendrerit mauris</a></li>
</ul>
</li>
<li><a href="#">mauris ut du</a></li>
</ul>
</li>
<li><a href="products.html">products</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
<div class="clear"></div>
</nav>
</header>
<!-- Content -->
<section id="content">
<div class="container_24">
<div class="grid_24 content-border">
<div class="top-content-box">
<ul id="mp-pags-cont-extra">
<li><a href="#">business strategy</a></li>
<li><a href="#">marketing research</a></li>
<li><a href="#">financial & banking</a></li>
</ul>
</div>
<div class="top-row">
<h1 class="aligncenter">Our experience is the base for <br>
your innovations.</h1>
<div class="wrapper">
<div class="grid_5 prefix_1 alpha">
<div class="wrapper"> <span class="dropcap color-1">A.</span>
<div class="extra-wrap"> <strong class="str-1 color-1"> Vivamus hendrerit <br>
mauris ut dui gravida ut viverra lectus tincidunt cras mattis. </strong> <a href="#" class="link">read more</a> </div>
</div>
</div>
<div class="grid_5"> <span class="dropcap color-2">B.</span>
<div class="extra-wrap"> <strong class="str-1 color-2"> Cras mattis tempor <br>
eros nec tristique sed sed felis arcu vel vehicula augue. </strong> <a href="#" class="link">read more</a> </div>
</div>
<div class="grid_5"> <span class="dropcap color-3">C.</span>
<div class="extra-wrap"> <strong class="str-1 color-3"> Sed sed felis arcu, vel vehicula maecenas faucibus sagittis cursus fusce tincidunt. </strong> <a href="#" class="link">read more</a> </div>
</div>
<div class="grid_7 suffix_1 omega"> <span class="dropcap color-4">D.</span>
<div class="extra-wrap"> <strong class="str-1 color-4"> Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus cursus. Fusce tincidunt tellus eget tristique. cursus. </strong> <a href="#" class="link">read more</a> </div>
</div>
</div>
</div>
<div class="wrapper indent-top">
<article class="grid_23 prefix_1 alpha omega">
<h2>Meet our team:</h2>
<div class="wrapper">
<div class="grid_7 suffix_1 alpha">
<figure class="img-indent"> <img src="images/page2-img1.jpg" alt=""> </figure>
<div class="extra-wrap">
<p class="p1">Vivamus hendrerit mauris ut dui gravida ut viverra lectus tincidunt. Cras mattis tempor</p>
<div class="author"> Sara Green <em>manager</em> </div>
</div>
<div class="clear"></div>
</div>
<div class="grid_7 suffix_1">
<figure class="img-indent"> <img src="images/page2-img2.jpg" alt=""> </figure>
<div class="extra-wrap">
<p class="p1">Vivamus hendrerit mauris gravida ut viverra lectus tincidunt. Cas matis tempor eros nec.</p>
<div class="author"> Richard Smith <em>pr director</em> </div>
</div>
<div class="clear"></div>
</div>
<div class="grid_7 omega">
<div class="pad-3">
<figure class="img-indent"> <img src="images/page2-img3.jpg" alt=""> </figure>
<div class="extra-wrap">
<p class="p1">Vivamus hendrerit mauris ut dui gravida ut viverra lectus tincidunt.</p>
<div class="author"> April Nelson <em>marketolog</em> </div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="hr-border-1"></div>
<div class="wrapper p">
<div class="grid_7 suffix_1 alpha">
<figure class="img-indent"> <img src="images/page2-img4.jpg" alt=""> </figure>
<div class="extra-wrap">
<p class="p1">Vivamus hendrerit mauris ut dui gravida ut viverra lectus tincidunt. Cras mattis tempor</p>
<div class="author"> John Johnson <em>developer</em> </div>
</div>
<div class="clear"></div>
</div>
<div class="grid_7 suffix_1">
<figure class="img-indent"> <img src="images/page2-img5.jpg" alt=""> </figure>
<div class="extra-wrap">
<p class="p1">Vivamus hendrerit mauris gravida ut viverra lectus tincidunt. Cas matis tempor eros nec.</p>
<div class="author"> Jessica Cox <em>layer</em> </div>
</div>
<div class="clear"></div>
</div>
<div class="grid_7 omega">
<div class="pad-3">
<figure class="img-indent"> <img src="images/page2-img6.jpg" alt=""> </figure>
<div class="extra-wrap">
<p class="p1">Vivamus hendrerit mauris ut dui gravida ut viverra lectus tincidunt.</p>
<div class="author"> Thom Black <em>investor</em> </div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="alignright pad-3"> <a href="#" class="link">read more</a> </div>
</article>
</div>
</div>
<div class="clear"></div>
</div>
</section>
<aside>
<div class="container_24">
<div class="wrapper">
<div class="grid_24 aside-bg">
<div class="wrapper">
<article class="grid_14 suffix_1 prefix_1 alpha">
<h2>Testimonials:</h2>
<div class="grid_7 alpha">
<blockquote class="quote">
<div class="inner"> Vivamus hendrerit mauris ut dui gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus. </div>
</blockquote>
<div class="author alignright pad-4"> April Black <span>( manager )</span> </div>
</div>
<div class="grid_7 omega">
<blockquote class="quote">
<div class="inner"> Vivamus hendrerit mauris ut dui gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus. </div>
</blockquote>
<div class="author alignright pad-4"> Sandra Jobs <span>( manager )</span> </div>
</div>
<div class="clear"></div>
</article>
<article class="grid_7 suffix_1 omega">
<h2>Features:</h2>
<ol class="ol-list-1">
<li><a href="#">Vivamus hendrerit mauris ut dui</a></li>
<li><a href="#">gravida ut viverra lectus tincidunt</a></li>
<li><a href="#">Cras mattis tempor. eros nec tristique</a></li>
<li><a href="#">Sed sed felis arcu, vel vehicula augue</a></li>
<li><a href="#">Maecenas faucibus sagittis cursus</a></li>
</ol>
</article>
</div>
</div>
</div>
</div>
</aside>
<!-- Footer -->
<footer>
<div class="copyright"> © 2012 <strong class="footer-logo">Point</strong>
<div>Website Template designed by <a target="_blank" href="http://www.templatemonster.com/">TemplateMonster.com</a></div>
</div>
<ul class="social-list">
<li><a href="#"><img src="images/social-link-1.jpg" alt=""></a></li>
<li><a href="#"><img src="images/social-link-2.jpg" alt=""></a></li>
<li><a href="#"><img src="images/social-link-3.jpg" alt=""></a></li>
</ul>
</footer>