Я знаю его глупый вопрос, но я пытался найти то, что вызывает ошибкуссылка не работает HTML/CSS
Я создал сайт, однако, ссылки на контент не работает. я знаю, что где-то в файле CSS, но я не могу узнать, что
это проект, я удалил некоторые детали в основной HTML, но CSS являются простота
var firstreel=new reelslideshow({
\t wrapperid: "myreel", //ID of blank DIV on page to house Slideshow
\t dimensions: [750, 550], //width/height of gallery in pixels. Should reflect dimensions of largest image
\t imagearray: [
\t \t ["images/a.jpg"], //["image_path", "optional_link", "optional_target"]
\t \t ["images/b.jpg"],
\t \t ["images/c.jpg"],
\t \t ["images/d.jpg"],
\t \t ["images/e.jpg"],
\t \t ["images/f.jpg"],
\t \t ["images/g.jpg"],
\t \t ["images/h.jpg"] \t \t //<--no trailing comma after very last image element!
\t ],
\t displaymode: {type:'auto', pause:2000, cycles:2, pauseonmouseover:true},
\t orientation: "h", //Valid values: "h" or "v"
\t persist: true, //remember last viewed slide and recall within same session?
\t slideduration: 300 //transition duration (milliseconds)
})
body {
\t background: url(images/cheeseclothBG.jpg)no-repeat center center fixed;
\t font-family: Avenir !important;
\t font-size: 12pt;
\t line-height: 20px;
\t
\t -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#header {
\t background: url(images/header.jpg) no-repeat;
\t min-height: 270px;
\t overflow: hidden;
\t background-size: 100%;
}
#content {
\t float: left;
\t width: 100%;
\t margin-top: -101px;
\t background: #fff;
\t z-index:-1;
\t position:relative;
}
\t
#img {
\t margin: 5px;
padding: 5px;
border: 1px solid #0000ff;
height: auto;
width: auto;
float: left;
text-align: center;
}
#img img{
\t display: inline;
margin: 5px;
border: 1px solid #ffffff;
}
#desc{
\t text-align: center;
\t font-weight: normal;
\t width: 120px;
\t margin: 5px;
}
#container {
\t width: 826px;
\t margin: 0 auto;
\t box-shadow: 0 0 5px 1px #ccc;
}
#menu{
\t margin:0;
\t padding:0;
}
#menu ul{
\t margin:0;
\t padding:0;
\t line-height:30px;
\t margin-left:35px;
\t margin-top: 139px;
}
#menu li{
\t margin:0;
\t padding:0;
\t list-style:none;
\t float:left;
\t position:relative;
\t background:#fff;
}
#menu ul li a{
\t text-align:center;
\t font-family:"Comic Sans MS", cursive;
\t font-size:12px;
\t text-decoration:none;
\t height:30px;
\t width:150px;
\t display:block;
\t color:#000;
\t margin-left:10px;
\t text-shadow:1px 1px 1px #999;
}
#menu ul li{
\t text-align:center;
\t font-family:"Comic Sans MS", cursive;
\t font-size:12px;
\t text-decoration:none;
\t height:30px;
\t width:150px;
\t display:block;
\t color:#000;
\t
\t text-shadow:1px 1px 1px #999;
}
#menu ul li ul li a{
\t text-align:center;
\t margin-left:0px;
\t
\t
}
#menu ul li ul{
\t margin-top:-5px;
}
#menu ul li ul li{
\t margin-top:-2px;
\t margin-left:-35px;
\t position:relative;
\t z-index:3px;
}
#menu ul ul{
\t position:absolute;
\t visibility:hidden;
\t top:32px;
\t z-index:10px;
\t
}
#menu ul li:hover ul{
\t visibility:visible;
}
/*******************************/
#menu li:hover{
\t text-decoration:underline;
}
#menu ul li:hover ul li a:hover{
\t text-decoration:underline;
\t color:#fa9a2a;
\t
}
#menu a:hover{
\t color:#fa9a2a;
}
#menu ul li:hover {
\t color:#fa9a2a;
}
.clearFloat{
\t clear:both;
\t margin:0;
\t padding:0;
\t
}
#content p {
\t margin: 30px 30px;
}
#footer {
\t background: url(images/footer.jpg);
\t min-height: 146px;
\t background-size: 100%;
\t clear: both;
\t
}
#fmenu ul {
\t padding: 0;
\t margin-top: 120px;
\t padding-top: 19px;
}
#fmenu ul li {
\t display: inline-block;
}
#fmenu ul li a {
\t font-size: 14px;
\t font-weight: bold;
\t padding: 1px 14px 0;
\t margin-top: 0px;
\t color: #000000;
}
#fmenu p {
\t /**margin-top: 120px;
\t margin-left: 480px;
\t display: inline-block;
\t width: 310px;
\t font-size: 11px;
\t color: #000;
\t text-align: right;**/
\t
\t width:70%;
color:#FFFFFF;
font-size: 8pt;
padding-left:10px;
padding-top:10px;
\t display:inline-flex;
\t margin-top: 110px;
}
#fmenu img{
\t width:36px;
height:36px;
}
#fmenu ul.social_icons, li.social {
margin-top:40px;
padding-left:5px;
padding-right:5px;
max-width:25%;
list-style: none;
float:right;
text-decoration:none;
display:inline-block;
position: relative;
}
#mainTxt p{
\t margin: 40px 100px;
}
#overview h2{
\t font-family: Open Sans Condensed, !important;
\t text-shadow: 2px 2px 8px #9d9b9b;
\t font-size: 26px;
\t
}
#overview h1{
\t font-family: Impact, !important;
\t font-size: 46px;
}
#overview h4{
\t font-family: Gabriola, !important;
\t font-size: 26px;
\t color: #e2705a;
\t margin-top: -20px;
}
#overview h3{
\t font-family: Sacramento, !important;
\t font-size: 36px;
\t \t margin-top: -20px;
}
#overview h5{
\t font-family: Open Sans Condensed, !important;
\t font-size: 21px;
\t margin-top: -20px;
\t
}
#reviews table th td{
\t border: 1px solid black;
}
#reviews h5{
\t font-family: Open Sans Condensed, !important;
\t font-size: 18px;
\t text-align:center;
}
#reviews h2{
\t font-family: Open Sans Condensed, !important;
\t text-shadow: 2px 2px 8px #9d9b9b;
\t font-size: 26px;
}
#reviews h3{
\t font-family: Sacramento, !important;
\t font-size: 26px;
\t font-weight:bold;
}
#usage h1{
\t font-family: Cookie, !important;
\t font-size: 46px;
\t float:left;
}
#usage img{
\t width: 250px;
\t height: 250px;
}
#about p{
\t font-family: Georgia, !important;
\t font-size: 18px;
\t font-style: italic;
\t text-align: justify;
}
#about2 p{
\t font-family: Avenir, !important;
\t font-size: 16px;
\t width:600px;
}
#about2 ul{
\t width:600px;
}
#about2 li{
\t font-family: Avenir, !important;
\t font-size: 14px;
\t width:600px;
\t text-align: left;
}
**html**
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Our </title>
<link href="style2.css" rel="stylesheet" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.touchSwipe.min.js"></script>
<style type="text/css">
#myreel{ /*sample CSS for demo*/
border:15px solid black;
}
.paginate{
width: 330px;
margin-top:5px;
font:bold 14px Arial;
text-align:center;
}
<div id="container"> <!--wrapper-->
\t <header id="header">
\t <div id="menu" class="menu"> <!--navMenu-->
\t <ul>
<li><a href="test.php" > HOME </a></li>
<li>OUR PRODUCT
\t \t \t \t <ul>
\t \t \t \t \t <li><a href="productOverview.php" > PRODUCT OVERVIEW</a></li>
\t \t \t \t \t <li><a href="usage.php" > CHEESECLOTH USAGE</a></li>
\t \t \t \t \t <li><a href="reviews.php" > PRODUCT REVIEWS </a></li>
\t \t \t \t </ul>
\t \t \t \t </li>
\t \t \t \t <li> SUGGESTIONS
\t \t \t \t <ul>
\t \t \t \t \t <li><a href="tips.php" > TIPS and IDEAS </a></li>
\t \t \t \t \t <li><a href="recipe.php" > RECIPES </a></li>
\t \t \t \t \t <li><a href="ideas.php" > SEND US YOUR IDEAS </a></li>
\t \t \t \t </ul>
\t \t \t \t </li>
\t \t \t \t <li><a href="about.php" > ABOUT US </a> </li>
\t \t \t \t <li><a href="contact.php" > CONTACT US </a> </li>
\t </ul>
\t \t \t <br class="clearFloat" />
</div>
</header>
<section id="content">
\t \t <a href="#" target="_blank">
\t \t \t \t <img src="images/wantBtn.png" style="display:inline; margin: 50px auto; margin-top: 2em;"/> </a>
\t
\t
</section>
<footer id="footer">
\t <div id="fmenu" class="fmenu">
\t \t <p>©2015 copyright | All Rights Reserved</p>
\t \t <ul class="social_icons">
\t \t \t <li class="social">
\t \t \t \t <a href="http://www.facebook.com/" target="_blank">
\t \t \t \t \t <img src="images/fb.png" /> </a></li>
\t \t \t <li class="social">
\t \t \t \t <a href="https://www.pinterest.com/" target="_blank">
\t \t \t \t \t <img src="images/pin.png" /> </a></li>
\t \t \t <li class="social">
\t \t \t \t <a href="https://instagram.com/" target="_blank">
\t \t \t \t \t <img src="images/insta.png" /> </a></li>
\t \t </ul>
</footer>
\t </div>
</div>
В нижнем колонтитуле> div не закрывается в правильном порядке ... Это должен быть нижний колонтитул> div> ul>/ul>/div>/footer. Но я не думаю, что это влияет на все ссылки. – Sachin
Я протестировал выше и не могу воспроизвести ошибку - но у меня нет вашего js, это на каком-то сайте? –
Это поможет увидеть фрагмент JSFiddle или стек, который демонстрирует, что он не работает. –