当前位置:首页 » 网页前端 » 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>