2012-10-01 69 views
0

寬屏幕和窄屏幕是一個問題..我怎樣才能設置圖片的位置? (網站頁腳菜單欄 - 固定)'新'位置的圖片? (CSS)

Click on the image to see detail

你能幫忙嗎?謝謝!

菜單欄代碼:

 div.footer{ /* main*/ 
     background: none repeat scroll 0 0 #000000; 
     border-top: 1px solid #222; 
     bottom: 0; 
     left: 12%; 
     line-height: 30px; 
     position: fixed; 
     text-align: center; 
     text-decoration: none; 
     width: 963px; 
     z-index: 999; 
     margin: 0 auto; 
    } 
    div.footer a { 
     color: #999; 
    } 
    div.footer a:hover { 
     color: #FFFFFF; 
     text-decoration: none; 
    } 
+1

你是什麼確切的問題的權利大?調用頁腳「標題」也有點令人困惑。請添加一個帶有預期輸出和實際輸出的圖片的鏈接。 –

+0

@DirkMc快速,謝謝您的關注! –

回答

1

我猜你想的是「新」的形象出現在你的鏈接之一的右上角。要做到這一點,你需要設置位置:相對於你的鏈接和圖像的絕對位置。事情是這樣的:

div.footer a { 
    color: #999; 
} 
div.footer a img { 
    position: absolute; 
    top: -10px; 
    right: 5px; 
} 
  • 您可以設置頂部,只要你想
+0

非常感謝!我做到了! –