在我的網站上我想要一個導航欄。我正在考慮在Photoshop中創建背景,然後將其作爲無序列表的背景(使用HTML顯示實際文本)來顯示條中的項目。這是最好的做法或在Photoshop中的項目上的文字?如果我以第二種方式做到這一點,我該如何做到這一點,因此圖片的每個不同部分都是可點擊的?使用HTML創建導航欄與Photoshop
3
A
回答
4
它是偉大的你問正確的問題,你是正確的問他們。 通過一切手段將圖片用作背景,但不要將文字作爲可以避免的圖片,尤其是在菜單中。 原因是兩個摺疊一個搜索引擎不會閱讀內容和第二個輔助功能屏幕閱讀器不能閱讀它,用戶不能通過瀏覽器放大文本。
您的標記可能看起來像這樣
.nav{
background-image:url("bg.jpg");
background-repeat:no-repeat;
width:yourwidth;
height:yourheight;
display:block;
}
.nav li{
list-style:none;
float:left;
margin-left:20px;
margin-right:20px;}
標記
<ul class="nav">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
+0
謝謝! (填充) – ahota
+0
沒有probs祝你好運,隨時保持問這樣的問題:) –
相關問題
- 1. 導航欄創建錯誤
- 2. 動態創建導航欄
- 3. 創建底部導航欄
- 4. 創建2級導航欄
- 5. Angular4-Bootstrap4:從導航欄創建subnav欄
- 6. HTML/CSS導航欄
- 7. 導航欄html/css3
- 8. 使用HTML Divs來製作導航欄
- 9. Angularjs爲測驗創建導航欄
- 10. Android:如何創建導航欄
- 11. 如何在android中創建導航欄?
- 12. Powershell WPF導航欄創建ContextMenuStrip?
- 13. 如何在HTML/PHP中爲導航欄創建下拉菜單?
- 14. 在導航欄中創建信息按鈕而不使用導航控制器
- 15. HTML Bootstrap Whiteblank ???在導航欄
- 16. HTML靜態側導航欄
- 17. CSS/HTML導航欄問題
- 18. 導航欄的HTML顏色
- 19. Html Bootsrap動態導航欄
- 20. HTML文本導航欄
- 21. Html文件導航欄
- 22. HTML/CSS圖像導航欄
- 23. 如何使用懸停效果圖像創建html5導航欄?
- 24. 如何使用圖標創建左側導航欄
- 25. 使用按鈕創建導航欄wpf .net
- 26. 如何使用工具欄按鈕創建導航
- 27. 如何使用c編程創建SharePoint點導航欄#
- 28. 使用沒有無序列表的鏈接創建導航欄
- 29. 使用django-bootstrap3創建導航欄切換困難
- 30. 如何使用jQuery創建一致的導航欄?
@JaredFarrish我希望那是諷刺。 –
@JaredFarrish。哦,上帝不。 – ahota
是啊。我誤解了這個問題。如果你可以在CSS中使用明文,那麼去那條路。 –