[請益] header 導覽列呈現按鈕順序巔倒的問題

看板Web_Design作者 (Sophia)時間10年前 (2014/06/18 19:27), 編輯推噓2(208)
留言10則, 5人參與, 最新討論串1/1
大家好, 第一次在 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://www.ptt.cc/bbs/Web_Design/M.1403090867.A.4EB.html

06/18 19:41, , 1F
float:right;
06/18 19:41, 1F

06/18 19:43, , 2F
改成float:left; 就好了
06/18 19:43, 2F

06/18 20:15, , 3F
謝謝兩位, but 改成 left 後靠左感覺跟一般網頁不同..可能
06/18 20:15, 3F

06/18 20:16, , 4F
導覽按鈕太少, 該加什麼設定讓它往右移呢 ? Thks.
06/18 20:16, 4F

06/18 22:27, , 5F
你把li順序顛倒 改回本來的 right阿= =
06/18 22:27, 5F

06/18 22:27, , 6F
我自己的話 可能會加padding吧
06/18 22:27, 6F

06/19 02:19, , 7F
ul 設定 float:right 或許會比較適合你希望將右側填滿的需求
06/19 02:19, 7F

06/19 02:35, , 8F
至於image-replace(IR) 你或許可參考一些新方法
06/19 02:35, 8F

06/19 02:35, , 9F
06/19 02:35, 9F

06/19 16:51, , 10F
謝謝 R大喔, 我再用力研究看看
06/19 16:51, 10F
文章代碼(AID): #1JeNUpJh (Web_Design)