2017-04-08 121 views
0

我一直試圖在某種程度上,這導航欄的工作,我可以派人到另一個網頁在同一網站(我希望是有道理的)鏈接不能點擊

我的問題是,鏈接不能被點擊,當我將鼠標懸停在導航欄上時,它只是顯示文本光標,基本上意味着該網站將該行讀取爲文本而不是可點擊的鏈接;然而,子菜單項可以被點擊。

這是網站,如果你想看到它自己:https://trenes.000webhostapp.com/

<HTML> 
<HEAD> 
<CENTER> 
<FONT COLOR=#6c9200> 
Seamos honestos, ¿hay algo mejor que los trenes en este mundo? No.<br> 
</font> 
</CENTER> 
<TITLE> 
ME GUSTAN LOS TRENES 
</TITLE> 
</HEAD> 

<style> 
<stlye type="text/css"> 
*{ 
padding:0; 
margin:0; 
} 

#header{ 
margin:auto; 
width:500px; 
font-family:arial,helvetica,sand-serif; 
} 

ul,ol{ 
list-style:none; 
} 

.nav li a{ 
    background-color: #c8d0d7; 
    color: #253051; 
    text-decoration: none; 
    padding: 10px 15px; 
    display: block; 
} 

.nav li a:hover{ 
background-color:#49657a; 
} 

.nav>li{ 
float:left; 
} 

.nav li:hover > ul { 
    display: block; 
} 

.nav li ul{ 
    display: none; 
    position: absolute; 
    min-width: 140px; 
} 

.nav li ul li{ 
    position: relative; 
} 

.nav li ul li ul{ 
right:-180px; 
top:0px; 
} 

</style> 

<body> 

<div id="header"> 
<ul class="nav"> 
<li> <a href"index.html">Inicio</a></li> 
<li> <a href"imagenes.html">Imagenes</a></li> 
<li> <a href"historia.hmtl">Historia</a></li> 
<li> <a href"video.html">Videos</a> 

<ul> 
<li> <a href="https://www.youtube.com/watch?v=ETfiUYij5UE" target="_blank">Thomas the dank engine</a></li> 
<li> <a href="https://www.youtube.com/watch?v=_BpfLkR1EBI" target="_blank"> La importancia de los trenes en la economía</a></li> 
</ul> 
</li> 
</ul> 
</div> 

我到目前爲止,該index.html,然後imagenes.html上傳到我的虛擬主機文件夾2個HTML文件,我想要這樣做,當我點擊導航欄上的「imagenes」時,它會將我帶到imagenes.html文件,就像當我點擊「videos」子菜單下的其中一個視頻時,它會帶我到YouTube。

提前致謝!

注意:000webhost網站不支持西班牙文字符,因此您會看到很多問號,但不介意。

+0

在'href'之後添加'='符號。 – Siraj

回答

1

你只是有一個小錯誤 - 你的href標記中缺少=

<a href="index.html" target="_self">Inicio</a> 

代替

<a href"index.html" target="_self">Inicio</a> 
+0

聖牛!我從來沒有注意到!非常感謝! –

0

使用每個HREF後等號。 表示在每次href之後使用一個=符號

+0

謝謝!這就是問題! –