2010-07-15 73 views
0

我有一個用於製作jquery菜單欄的css腳本.. 我希望它可以顯示在左上方並且沒有邊框... so..it只顯示一個菜單欄... 我有一個文本標誌,我想把它放在菜單欄下面... 但實際上的標誌位於菜單欄身體下方... 如何改變它......?編輯菜單欄的css腳本

<head> 
<style type="text/css"> 
     * { margin:0 auto; 
      padding:0; 
      } 
       html { background:#ffffff; } 
       body{ margin:40px auto; 
         width:560px; 
         height:552px; 
         overflow:hidden; 
         background:#ffffff; 
         } 
       div#menu { 
           margin:40px 0 0 95px; 
           position:left; 
           } 
       div#copyright { 
           font:11px 'Trebuchet MS'; 
           color:#fff; 
           text-align:center; 
           clear:left; 
           position:absolute; 
           top:546px; 
           width:560px; 
           } 
       div#copyright a { color:#425B7B; } 
       div#copyright a:hover { color:#fff; } 
</style> 
</head> 
<body> 
<p align="left"><img src="coollogo_com-30735352.gif" border="0"></p> 
</body> 

回答

0

很難說沒有看到任何HTML標記就要做什麼。要使用wood.jpg作爲您的身體背景,請使用背景:#ffffff url(/images/wood.jpg);在車身風格定義在地方背景:#FFFFFF

除此之外,這裏有一些一般的指針:

  • 對於通配符樣式(·),你只需要保證金:0;
  • 爲html和body添加背景顏色是多餘的。你只需要它在身上
  • 因爲你已經用通配符定義了它,所以你不需要在身體上留下任何餘量
  • 我會建議反對使用overflow:隱藏固定高度的身體,除非那正是你想。任何長時間運行的內容都會被切斷。考慮使用overflow:auto;
  • 風格「position:left」無效。如果您希望#menu的內容與左側對齊,請使用text-align:left或將內容浮動到左側,並使用「更清晰的div」或溢出自動清除div;
+0

我改變我的問題.. – klox 2010-07-15 05:29:35

0
<head> 
<style type="text/css"> 
     * { margin:0 auto; 
      padding:0; 
      } 
       html { background:#ffffff; } 
       body{ margin:0px; 
         width:1600px; 
         height:800px; 
         overflow:auto; 
         background-image:url("wood_texture2.jpg"); 
         } 
       div#menu { 
           margin:40px 0 0 95px; 
           position:absolute; 
           text-align:left; 
           } 
       div#copyright { 
           font:11px 'Trebuchet MS'; 
           color:#fff; 
           text-align:center; 
           clear:left; 
           position:absolute; 
           top:546px; 
           width:560px; 
           } 
       div#copyright a { color:#425B7B; } 
       div#copyright a:hover { color:#fff; } 
</style> 
</head> 
<body> 
<p align="left"><img src="coollogo_com-30735352.gif" border="0"></p> 
</body>