2012-07-20 4 views
0

내 웹 사이트의 탐색 막대가있는 곳의 왼쪽에있는 div의 상단 막대 위에 이미지를 배치하려고합니다. My Attemptdiv 위의 이미지 배치는 ​​다른 위치의 콘텐츠를 밀어 넣습니다.

Like this

찾아야한다 그리고 나는 그것이 같은 CSS 요소를 코드에 다른 장소에있는 이미지의 DIV를 배치하고, 변화하는 나는 여러 가지를 시도했습니다 Like this

보고 싶습니다 사업부에 대한,하지만 모든 ...

답변

1

이 추가 웹 사이트에 장소에서 다른 내용의 이미지를 밀어 보인다

.photo { 
    position: relative; 
    top: 4px; 
} 

과에 #container에 여백을 변경 ...

#container { 
    margin-top: -1px; 
} 
+0

잘 작동하지만 그림의 하단과 div의 테두리 사이의 간격을 제거하여 탐색 모음과 같이 위에 놓을 수있는 방법이 있습니까? http://justmyshit.com/shaunmichael/ – syllable3

+1

@ syllable3 'line-height : 150 %;'속성을 몸에서 UL로 이동 시키거나 사진 줄에'line-height : 100 %;'를 추가하십시오. – Quantastical

+0

내 위의 CSS를 사용하면 사진이 4 픽셀 아래로 바뀌어 작동하지 않습니다. – hackattack

0

귀하의 CSS는 아주 좋은 모양이 아니라, 여기에 귀하의 방법을 사용하는 것이 그 방법은 다음과 같습니다

  1. margin-top를 제거 #container에서
  2. img
  3. #photo 내부 변화의 topvertical-align: top를 추가.horizontal에서 top

218px로 변경

  • 246px에 나는 그것을해야 할 것 같아요.

  • 관련 문제