채택완료

이미지 가운데 정렬할때 ㅜㅜ

2015-06-17 (수) 09:24:45 4,083

이미지 가운데 정렬할때


<a href="http://cafe.naver.com"> <img src="/img/top.jpg"></a>
</div>

<div style="position:relative;margin-left:450px">
<a href="http://cafe.naver.com"><img src="/img/top.jpg"></a>
</div>

두개의 소스중 아래 처럼 스타일을 바로 작성하면 적용되는데

아래처럼 css 파일에 id를 만들어서 작성하면 이미지 정렬이 되지 않습니다


/* 메인 탑 이미지 */
#title {position:relative;margin-left:450px;}

위 부분이 css 작성한 부분인데요

왜 적용이 안되는걸까요? ㅠㅠ

|

답변 2개

채택된 답변
+20 포인트
2015-06-17 (수) 09:57:56

왜 포지션에 마진값까지 준건지는 잘 모르겠으나 통상적으로

<style>

#title { margin:0 auto; text-align:center }

</style>

 

<div id="title">

<a href="http://cafe.naver.com"><img src="/img/top.jpg"></a>

</div> 

 

이렇게 하면 가운데 정렬 됩니다.

 

혹시 안된다면 아이디값이 어디 겹칠수도 있으니 아이디값은 변경 해보세요

<div style="position:relative;margin-left:450px" id="dv_title">

<a href="http://cafe.naver.com"><img src="/img/top.jpg"></a>

</div> 

 

 

#dv_title {position:relative;margin-left:450px;}

답변을 작성하려면 로그인이 필요합니다.