❶ 如何用css實現類似簡書的縱向導航/豎排導航

下次提問記得帶上你說的效果的圖片,,,,

❷ 導航怎麼弄豎的。。

什麼導航?

網頁設計中,如何讓豎著的導航條橫放

在CSS樣式表中添加:
.nav li{
float:left;
}

❹ DIV +CSS 簡潔豎向導航

瀏覽器支持的 不是我說樓上的 表格亂套還div+css - -!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
body { background-color:#FFF;}
#nav { list-style:none; background:#0099FF; width:1024px; overflow:hidden; padding:0 0 5px 0;}
#nav li { float:left; overflow:hidden; margin:5px 0 0 5px ; background:#0ff; text-align:center;}
#nav li a { color:#222; text-decoration:none; padding-top:4px; display:block; width:118px; line-height:22px; height:24px; text-align:center; margin-left:5px; font-size:14px; font-weight:bold;}
#nav li a:hover { color:#555;}
#nav li a#current { color:#555;}
</style>
</head>
<body>
<ul id="nav">
<li><a href="/index.asp">主頁</a></li>
<li><a id="current" href="#">DIV+CSS教程</a></li>
<li><a href="#">常用代碼</a></li>
<li><a href="#">水晶圖標</a></li>
<li><a href="#">幻燈圖片</a></li>
<li><a href="#">軟體下載</a></li>
<li><a href="#">CSS2.0實用手冊</a></li>
</ul>
</body>
</html>

❺ 在網頁導航中倆個菜單中間的小豎杠是怎麼做的

直接鍵盤上打個上去<td width="52" class="topen"> <a href="javascript:void(0);" target="_top" onclick="SetHome(this,window.location)" >設為首頁</a> </td>
<td>|</td>
<td width="52" class="topen"> <a href="javascript:void(0);" target="_top" onclick="shoucang(document.title,window.location)">加入收藏</a></td>
在鍵盤上enter旁邊你看看是這個不

❻ HTML代碼豎排導航向右彈出菜單應該如何做

應該還有一個獨立的js腳本,function mmLoadMenus()是用來調用那個腳本的,new Menu後面括弧里的都是對各個參數的設置,每個參數什麼含義應該在那個腳本里看。下面的也是,定義鏈接、行為、樣式顏色等。

❼ 誰有豎排導航網站案例發一些過來參考一下唄,除開商城網站這一類子菜單眾多的。 具體如圖

是類似於這樣的嗎?

❽ 網頁製作中怎麼把導航欄由豎的變橫

在CSS樣式表中添加:
.nav li{
float:left;
}

還有不懂的可以加俄Q,1450125,分可以給俄了吧。

❾ 網頁導航欄,怎麼是豎著排的啊

這是設置的問題 應該可以修改吧 這個,我也不太會 你這個圖像應該是手機上的吧

❿ 網頁導航條中的豎線是怎麼製作的啊

一, 鍵盤上可以直接輸 |
二, 如果是一條虛線的話, 那麼是這樣做的:
用Fireoworks新建一個1*3PX的圖片, 在中間畫一個點,然後將其導出,再在DW里建一個單元格,將其背景設為這個圖片(注意,讓它垂直方向重復,水平方向不重復 -- CSS),大功告成
三,CSS
<a href="#" style="border-right:1px solid #000">鏈接</a>