※ 引述《SophiaH (Sophia)》之銘言： : 學習網設的新手想請教在 header ID 用 table 做一列數欄 : 的表格放導覽按鈕後, 在下方 content ID 裡有報價表的表格也會被上方 : 的 table CSS 影響到, 在滑動瀏覽報價表時出現 hover 滑鼠變換影像 : 看起來似乎上方 header 不應該用 table 做導覽.. : 最近看過一本 CSS 的書也提到用 ol 建橫排導覽, 所以前天有試過 : 可是沒定位在我想放的位置 (我想放左上 logo 圖檔的右邊), : 我有試在 style CSS 加上 float : right 之後就只 : 是定在 logo 下方的右邊 (不往上移)..想請問用這方法該怎麼調動定位 ? : 又或者 header 那裡應該用其他方法做導覽嗎 ? : 謝謝先進指導先.. 小的不才，菜得很，但多少知道要如何解決你的問題， 就厚著臉皮寫一下我的做法， 正如我推文所說，如果能PO上你的原始碼給大家看看， 相信一定會有更精確的做法提供給你參考， 至於目前就先照著你字面上的意思來看要怎麼解決好了。 首先，在header裡面的導覽列，個人傾向於使用「清單」的方式來製作， 簡單、清楚、又快速。 所謂「清單」就是使用<ul><li><li></ul>的方式來製作，例如： <header> <ul> <a herf="!@#$@#^"><li>home</li></a> <a herf="13513"><li>mail</li></a> <a herf="125135"><li>about</li></a> </ul> </header> 如此一來，只要在CSS樣式裡面調整一下就很好用了，例如： header{text-align:right;float:right;} header a{color:#FFF;brabrabra...} （有很多字懶的打，相信你懂我意思@@） （另外此為個人喜好&HTML5的寫法，勿戰，如果是XHTML1.0請江header改成DIV即可） 至於另外一種做法是，使用「定位」調整，不過大同小異。 此種做法是，你可能在header裡不是使用背景圖片來製版， 又或者已經放了一些東西不好改， 就可以考慮在header後面再加一個導覽列的DIV， 一樣用清單排好，CSS調好之後， 再利用position裡面的relative調整位置， 如此一來比較能夠調整到你要的位置， 大致上就是這樣， 以上。：） --

※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.224.85.234 ※ 文章網址: http://webptt.com/m.aspx?n=bbs/Web_Design/M.1396012962.A.81D.html