div 안에 떠 다니는 링크 같은 줄에 이미지의 중심에 나사를 끼워 넣기

Question

먼저 꺼내주세요. 전에 저를 도와 주신 분들께 감사드립니다.

좋아, 문제는 다음과 같습니다. "Banner"라는 div 안에있는 여러 개의 이미지가 있습니다. 내 웹 사이트 상단에 입니다. 오른쪽에 떠있는 페이스 북에 대한 텍스트 링크도 있습니다. 그들은

 #banner img {border:none; 
     margin:0 auto; 
     display:block; 
     } 
     a#social_network { 
       float:right; 
       margin:10px; 
       padding:0px; 
       } 

가 나는 또한 "SOCIAL_NETWORK"라는 ID를 부여하고, 배너 DIV에 있습니다되고 오른쪽에 페이스 북에 링크를 뜨게 한 ... 다음 CSS를 사용하여 중앙에 각각. 문제는 내가이 텍스트 링크를 떠있을 때 나의 최상위 이미지가 더 이상 중앙에 있지 않다는 것입니다. 나는 어쩌면 내가 부유물을 지울 필요가 있다고 생각했는데 그것이 효과가 없었기 때문에 나는 잘못하고 있었다.

모든 제안 사항에 감사드립니다.

Answer 1

어쩌면 당신이 시도 할 수 있습니다 :

#banner { 
    position: relative: 
} 

#banner img { 
    border: none; 
    position: absolute; 
    left: 50%; 
    top: 50%; 
    margin-left: -100px; /* <--- Here's 1/2 of the width of the image */ 
    margin-top: -50px; /* <--- Here's 1/2 of the height of the image */ 
}