我已经尝试过按照教程制作水平下拉导航栏,但它们从不居中,我无法弄清楚如何将它们居中.我尝试向相反的方向前进,然后首先将导航栏居中,然后尝试将其设置为下拉菜单,尽管这似乎会将所有内容都丢掉.这是我的代码.
编辑:我遇到的问题是页面加载时显示子菜单,以及一个项目符号点,我确信可以通过将列表样式设置为无来修复,但是我不知道在哪里这应该是CSS.
我试图创建一个类似于菜单此.我明白这使用joomla而我不是.
#header {
height: 100px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#content {
max-width: 700px;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
#footer {
height: 85px;
padding-top: 40px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#menu {
margin: 0 auto;
display: inline-block;
list-style: none;
padding: 0;
border-top: 1 solid #ccc;
border-left: 1 solid #ccc;
border-bottom: 1 solid #ccc;
}
#menu li {
float: left;
}
#menu li a {
display: block;
padding: 10px 10px;
text-decoration: …