Alex
Lv 5
Alex asked in 電腦與網際網路程式設計 · 1 decade ago

如何用CSS讓選單(menu)不要被padding影響?

我正在設一個網頁 (alexchang.me/IvyWay)

網頁的最上面有個選單

因為我的背景是左邊有常春藤圖案的

所以我想說可以用 CSS 的 padding 讓內容都往右移一點 才不會跟常春藤圖案重疊

可是一用了padding之後 我的menu也隨之被往右移了..

到底要怎樣才可以讓上面的menu不受padding的影響?

或者我的 CSS 或 php 要怎麼改才可以?

還有

有沒有辦法讓我的背景圖案只往下重複?

我想要把那些圖案從 x=0 y=45 開始往下重複

才不會跟我上面的menu 重疊

Update:

網址是 http://alexchang.me/IvyWay

我想要那裏的menu能夠

1. 延伸到最左邊

2. 從menu*下面*開始往下重複

background-repeat: repeat-y (我現在用的) 會上下都重複

這樣就會跟menu重疊到了

Update 2:

成功了! :D

只是現在多一個問題

我這一頁的menu變高了

如果我點menu的其他東西 (如 home)

我的menu會往下掉

為什麼現在會這樣?

2 Answers

Rating
  • CY
    Lv 5
    1 decade ago
    Favorite Answer

    >讓我的背景圖案只往下重複?

    background-image: url('yourBackgournd.jpg');

    background-repeat: repeat-y;

    background-position: 0px 45px;

    Position的部分 語法如上 但實際數值要自己調一下

    >到底要怎樣才可以讓上面的menu不受padding的影響?

    請提供完整網址 才好幫忙

    2009-09-27 06:54:24 補充:

    可試試以下

    (1) 將全頁除了menu以外 以一 包起

    <body>

    <ul id="menu">

    ...

    </ul>

    <div id="container"> <!-- 新加入-->

    <div align ="center">

    ...

    <div align="center">

    alexchang.me (c) 2009

    </div><!-- 新加入-->

    2009-09-27 07:15:35 補充:

    (以上應為 將全頁除了menu以外 以一 <div> 包起  )

    2009-09-27 07:18:36 補充:

    (2) 修改 css 如下

    body

    {

    background-image:url('/pics/ivy_background.jpg');

    background-repeat: repeat-y;

    margin:0px;

    padding: 0px;

    }

    #container{margin-left: 130px;}

    2009-09-27 11:44:38 補充:

    把其他頁的 CSS 加上

    body

    {

    margin:0px;

    padding: 0px;

    }

    • Login to reply the answers
  • Anonymous
    6 years ago

    你是否考慮要自學或是要去找補習班上英語課?

    你是否猶豫自學好?還是補習好?

    ----------限時超級好康,在家學英文免費送------------

    前往網址,就送限量色筆組和免費體驗課程

    http://product.mobchannels.com/redirect.php?k=bbc1...

    如於活動期間內再加入TutorABCJr

    再享超值優惠$ 20,000現金折扣或 免費60堂課 2選一

    • Login to reply the answers
Still have questions? Get your answers by asking now.