作者SophiaH (Sophia)
看板Web_Design
标题[请益] header 导览列呈现按钮顺序巅倒的问题
时间Wed Jun 18 19:27:44 2014
大家好, 第一次在 dreamweaver 遇到此导览列呈现按钮顺序巅倒的问题
首页 header 导览列码如下,
<div id="header">
<h1>公司名</h1>
<ul>
<li class="aboutus"><a href="aboutus.html">关於我们</a></li>
<li class="news"><a href="news.html">最新活动</a></li>
<li class="courses"><a href="courses">课程介绍</a></li>
<li class="contactus"><a href="contactus">联络我们</a></li>
<li class="location"><a href="location">位置环境</a></li>
</ul>
</div>
CSS layout :
#header li{
float:right;
list-style-type:none;
}
#header li a{
display:block;
background-image:url(image/....);
width:100px;
height:60px;
text-indent:-9999px;
}
F12 後导览按钮由左至右顺序却是: 位置环境->联络我们->课程介绍->最新活动->
关於我们
请问原始码设定哪里有问题吗 ? 谢谢
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 140.137.212.64
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Web_Design/M.1403090867.A.4EB.html
1F：→ dinos:float:right; 06/18 19:41
2F：推 banjmin:改成float:left; 就好了 06/18 19:43
3F：→ SophiaH:谢谢两位, but 改成 left 後靠左感觉跟一般网页不同..可能 06/18 20:15
4F：→ SophiaH:导览按钮太少, 该加什麽设定让它往右移呢 ? Thks. 06/18 20:16
5F：推 GoalBased:你把li顺序颠倒 改回本来的 right阿= = 06/18 22:27
6F：→ GoalBased:我自己的话 可能会加padding吧 06/18 22:27
7F：→ Rplus:ul 设定 float:right 或许会比较适合你希望将右侧填满的需求 06/19 02:19
8F：→ Rplus:至於image-replace(IR) 你或许可参考一些新方法 06/19 02:35
10F：→ SophiaH:谢谢 R大喔, 我再用力研究看看 06/19 16:51