當前位置:首頁 » 網頁前端 » web縱向二級導航怎麼改為橫向
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web縱向二級導航怎麼改為橫向

發布時間: 2023-01-16 00:32:34

① CSS製作的縱向導航怎麼弄成橫向導航呀

比較簡單的話,就直接給個寬度,在浮動一下就可以了。

如果你的不是的,就得看看代碼。

② 請問下在dreamweaver 8 中如何讓縱向導航菜單變成橫向

說明你div沒有定義好。橫向和縱向都是你自己定義的。以你建立的div為先後順序來。不一定是浮動就是萬能的。浮動在css屬性面板里。或者你直接做css時,就可以寫float:左右等。
建議你熟悉一下div+css。然後在來弄這個菜單就比較容易了。

③ 新手提問~這個導航的下拉二級菜單怎麼變橫向的~

樓主,以我開發的經驗來看,目前你的菜單就是橫向的,為什麼呢,主要是因為下邊這段代碼:
#menu
li{
float:left;margin:0
1px
0
0;}
如果把里邊的float:left;去掉,那麼菜單就變成縱向了。你可以自己試試。

④ dreamweaver。。HTML代碼。。導航欄怎麼變成橫向的我的這個為什麼是縱向的

需要寫css,讓li浮動或者是變成內聯元素,寫在style.css裡面。
第一種寫法:
li{display:inline-block;}
第二種寫法:
li{float:left;}

⑤ CSS+js網頁導航二級目錄想把橫排變豎排應該怎樣改

一看你的menu是table布局就不可能改成豎排了,如果是現在流行的dv布局只需要修改css就好,但是table布局就改不了了。

這是多少年前的menu了,太古老了,目前比較流行的格式是

<div id="menu">
<ul>
<li>
<a href="#">第1層</a>
<ul>
<li><a href="#">第2層</a></li>
<li><a href="#">第2層</a></li>
</ul>
</li>
<li><a href="#">第1層</a></li>
</ul>
</div>
還是用這個吧,seo更為友好,更容易理解, 數據(html)與表現(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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>二級導航豎排練習應用css</title>
<style type="text/css">
body{
font:"宋體" ;
}
ul{
/*我改的*/
width:350px;
margin:0 auto;
padding:0;
list-style-type:none;
/*我注釋的*/
/*border-bottom:1px solid #cccccc;*/
}
#love li{
position:relative;
/*我加的*/
float: left;
}
#love li ul{
display:none;
position:absolute;
/*我改的*/
left:0px;
top:70;
}
ul li a{
display:block;
height:100%;
padding:5px;
text-decoration:none;
color:#777777;
border:1px solid #cccccc;
/*我注釋的*/
/*border-bottom:0 none;*/
background:#FFFFFF;
}
#love li:hover ul,#love li.over ul{
display:block;}
</style>
</head>
<body>
<ul id="love">
<li><a href="#">首頁</a></li>
<li><a href="#">關於我們</a>
<ul>
<li><a href="#">我們的故事</a></li>
<li><a href="#">我們的團隊</a></li>
</ul>
</li>
<li><a href="#">我們的服務</a>
<ul>
<li><a href="#">網頁設計</a></li>
<li><a href="#">頁面製作</a></li>
<li><a href="#">程序開發</a></li>
</ul>
</li>
<li><a href="#">聯系我們</a>
<ul>
<li><a href="#">團隊主創</a></li>
<li><a href="#">團隊成員</a></li>
</ul>
</li>
</ul>
</body>
</html>