Мои ссылки для ссылок href не работают в сети

Question

Я только что создал свой первый веб-сайт в HTML5 и javascript, и все ссылки работают в автономном режиме (дважды и трижды проверено), но когда я загрузил его на главный сервер, ни один из ссылки работают. Может ли кто-нибудь дать мне какие-нибудь предложения? Вот и пример моих кнопок ссылок:

<div> 
<center> 
<button style="margin-top:10px;margin-bottom:10px;height:25px;width:100px;font-size:14px"><a href="hoverB.html">Books</a></button> 
</center> 
</div> 

Answer 1

Вы помещаете якорный тэг внутри кнопки. Я предположил, что вы хотите перенаправить пользователя, если они нажмут на кнопку. Вы можете сделать что-то вроде этого:

Пример 1:

<a href="page.html"><button type="button">Click on me</button></a> 

Пример 2: (рекомендуется)

<button type="button" onclick="location.href='page.html'">Click on me</button> 

Я надеюсь, что это поможет!

Answer 2

Или же вы можете также добавить якорь тег с помощью CSS, что делает его похожим на кнопку

<a href="page.html" class="btn">Click on me</a> 

.btn:active { 
     position: relative; 
    top: 1px; 
    color: #fcd3a5; 
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); 
    background: -moz-linear-gradient(top, #f47a20, #faa51a); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); 
} 

.btn{ 
     display: inline-block; 
    zoom: 1; 
    vertical-align: baseline; 
    margin: 0 2px; 
    outline: none; 
    cursor: pointer; 
    text-align: center; 
    text-decoration: none; 
    font: 14px/100% Arial, Helvetica, sans-serif; 
    padding: .5em 2em .55em; 
    text-shadow: 0 1px 1px rgba(0,0,0,.3); 
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em; 
    border-radius: .5em; 
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
    box-shadow: 0 1px 2px rgba(0,0,0,.2); 
     color: #fef4e9; 
    border: solid 1px #da7c0c; 
    background: #f78d1d; 
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); 
    background: -moz-linear-gradient(top, #faa51a, #f47a20); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); 
} 

JSFiddle