[请益] header 导览列呈现按钮顺序巅倒的问题

楼主: SophiaH (Sophia)   2014-06-18 19:27:44
大家好, 第一次在 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 后导览按钮由左至右顺序却是: 位置环境->联络我们->课程介绍->最新活动->
关于我们
请问原始码设定哪里有问题吗 ? 谢谢
作者: dinos (守护神)   2014-06-18 19:41:00
float:right;
作者: banjmin (HD)   2014-06-18 19:43:00
改成float:left; 就好了
楼主: SophiaH (Sophia)   2014-06-18 20:15:00
谢谢两位, but 改成 left 后靠左感觉跟一般网页不同..可能导览按钮太少, 该加什么设定让它往右移呢 ? Thks.
作者: GoalBased (Artificail Intelligence)   2014-06-18 22:27:00
你把li顺序颠倒 改回本来的 right阿= =我自己的话 可能会加padding吧
作者: Rplus (R+) (9527)   2014-06-19 02:19:00
ul 设定 float:right 或许会比较适合你希望将右侧填满的需求至于image-replace(IR) 你或许可参考一些新方法EX: http://0rz.tw/XY9Qh
楼主: SophiaH (Sophia)   2014-06-19 16:51:00
谢谢 R大喔, 我再用力研究看看

Links booklink

Contact Us: admin [ a t ] ucptt.com