儘管使用HTML Tidy，但導航菜單無法正常工作

我有一段時間讓導航菜單在我的網頁上正常工作。我使用HTML Tidy修正了錯誤，就像某人在另一篇文章中提出的那樣，然後我輸入了我想要使用的導航欄的CSS代碼。起初菜單根本沒有顯示，但我的佈局仍然像以前一樣完整。所以我再次做了HTML Tidy，看看是否需要清理HTML。當我做那個時候，導航菜單DID出現了，但是我的佈局完全沒有了。我只是好奇，如果由於我的佈局的性質，我想要我的導航菜單上方的圖形橫幅，如果這就是爲什麼它只是不工作，並且都是怪事。儘管使用HTML Tidy，但導航菜單無法正常工作

的什麼，它對我的網頁做HTML整潔，顯示菜單後

舉例：在我的網頁通常應該是什麼樣子

http://veterinarycare.atspace.cc/index3.html

例子：

http://veterinarycare.atspace.cc

它是非常發狂，因爲我似乎無法弄清楚。我嘗試過使用什麼似乎是一個非常簡單的CSS導航菜單，它不會工作。任何幫助？

來源

2011-12-30 punchxcore

除了IE 7以外，每個瀏覽器看起來都很糟糕。這就是你想要的嗎？ – andrewk 2011-12-30 05:20:14

其實我剛剛在IE瀏覽過它，它確實看起來很糟糕。我從來沒有使用IE瀏覽器，所以我從未意識到現在。我使用Firefox，它在該瀏覽器上看起來不錯。但我沒有其他瀏覽器，所以我無法知道它的樣子。您是指index.html頁面而不是index3.html？我也只是看着它，因爲這是我的男朋友使用，它看起來也很好。 – punchxcore 2011-12-30 06:18:49

您正在從事許多不好的實踐，這些實踐根本無法通過整理您的HTML來解決。

在我的快速掃描的最過分的是這樣的：

<div class="extra"> 
    <span><img src="images/header-img.png" class="png" alt=""></span> 
</div>

爲.extra的命名約定是沒有意義的，使用<span>的是多餘的，而.png類只是奇怪。

你只需要學習更好的HTML/CSS的做法，然後再試一次。閱讀一些書籍，從Twitter Bootstrap中學習，並在遇到特定和明確定義的問題時依靠StackOverflow。

來源

2011-12-30 05:35:27

這實際上完全是我正在使用的模板。我只想讓一些東西讓我的網站啓動並運行，當我的創意果汁流淌時，我會花時間想出一個佈局，我可以從頭開始，並且真正知道發生了什麼。所以沒有解決這些問題的建議？ – punchxcore 2011-12-30 06:11:39

對於我們來說，僅僅爲你重寫它，或者甚至開始告訴你你錯在哪裏，實在是太錯誤了。我的建議站立。 – 2011-12-30 13:04:50

你的HTML是非常錯誤的

從你的CSS文件中刪除此腳本，並把它放在頭或單獨的JS文件

sfHover = function() { 
var sfEls = document.getElementById("nav").getElementsByTagName("LI"); 
for (var i=0; i<sfEls.length; i++) { 
    sfEls[i].onmouseover=function() { 
     this.className+=" sfhover"; 
    } 
    sfEls[i].onmouseout=function() { 
     this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); 
    } 
} 
} 
if (window.attachEvent) window.attachEvent("onload", sfHover);

腳本的目標是#nav，並沒有id ='nav'在你的html中在#nav div中包裹你的導航..希望它可以工作

來源

2011-12-30 06:59:20

儘管使用HTML Tidy，但導航菜單無法正常工作

回答

相關問題