以上的連結示範基本的導覽結構,此結構使用以 CSS 設定樣式的項目清單。請以此做為起點,然後修改屬性來產生您獨有的外觀。如果需要飛出選單,請使用 a Spry menu、menu widget from Adobe's Exchange 或多種其他的 Javascript 或 CSS 解決方案自行建立。

如果想要將導覽列於頂端,只需將 ul.nav 移到頁面頂端,然後重新建立樣式設定即可。

說明

請注意,這些版面的 CSS 都有詳細的註解。如果您是在「設計」檢視中進行大部分的作業,可以看一下程式碼來取得有關使用流動版面 CSS 的提示。您可以在啟動您的網站之前,將這些註解移除。有關這些 CSS 版面所使用的技巧之詳細資訊,請至 Adobe 開發人員中心閱讀本文 - http://www.adobe.com/go/adc_css_layouts

清除方法

商標取代

在此版面的 .header 中,會在您要放置商標的位置使用影像預留位置。建議您移除該預留位置,並使用自己的連結商標加以取代。

請注意,如果要使用「屬性」檢視窗使用 SRC 欄位導覽到商標影像 (而不是移除並取代預留位置),則必須將行內背景和顯示屬性移除。這些行內樣式只會在瀏覽器中用來顯示商標預留位置,以便達到示範的目的。

Internet Explorer 條件式註解

  1. 瀏覽器在依百分比而定的版面中捨入 Div 大小的方法不一致。如果瀏覽器必須呈現 144.5 像素或 564.5 像素等數字,就必須將其捨入成最接近的整數。Safari 和 Opera 會捨去小數位,Internet Explorer 會進位,Firefox 則會向上進一欄然後向下捨去一欄,以將容器完全填滿。這些捨入問題可能會導致某些版面的不一致。在此 IECC 中,有 1 像素的負邊界可用來修正 IE。您可以將其移到任何欄 (左右方皆可),依您的版面需求而定。
  2. zoom 屬性會加入至導覽清單內的錨點,因為在某些情況下,IE6 或 IE7 中會呈現多餘的空白。縮放能為 IE 提供修正此問題的專屬 hasLayout 屬性。

背景

就本質而言,任何 Div 上的背景顏色都只會顯示內容的長度。如果您想要使用分隔線而非顏色,請將邊框放置在 .content Div 的側邊 (但只有在其一定會包含更多內容時,才能這麼做)。