HTML 여백에 관한 질문입니다. 도와주세요!
관련링크
본문
위 사진은 두개로 나뉘어져 있고요.
1. 첫번째는 링크없이 삽입만되있고요.
<div class="container-bgtype" style="height:865px;background:url(<?php echo G5_THEME_IMG_URL; ?>/gsdmap.jpg) no-repeat center top"></div>
2. 두번째는 링크걸고 사진 삽입했어요.
여기서 궁금한게 위에 사진은 프레임에 잘 맞게 정렬되어 있는데 두 번째 사진은 왼쪽에 공간이 있습니다.
<검사>로 확인해봐도 margin, border, padding 값은 위 사진과 동일한 0으로 되어있어요. 왜? 왼쪽에 여백이 생겼을까요?
<div class="container-bgtype" style="width:1912px height:666px;background: no-repeat center top">
<ul>
<li><a href="https://beta.map.naver.com/search/%EC%84%9C%EC%9A%B8%EC%97%B0%EC%84%B8%EA%B0%90%EC%84%B1%EC%B9%98%EA%B3%BC/place/1122286731?c=14127050.9604950,4509826.4703252,15,0,0,0,dh"target="_blank">
<img src="<?php echo G5_THEME_IMG_URL ?>/dentalmap.jpg" /></a></li>
</ul>
</div>
답변 7
사진 사이즈 만큼 div를 하나 더 넣으셔서 width와 height를 주시면 어떨지..
사진 자체에 여백이 있어 보이네요.
원래 한장으로 반듯하게 정리된 것을 나눈거라서요. 두번째 사진 여백을 완전 없애고 올려봐야겠네요.
원본이미지가 엑박있네요,, 원본이미지 확인해보세요
지금 수정중이라 엑박이 잠시떴을거예요.
<div class="container-bgtype" style="width:1912px height:666px;background: no-repeat center top">
<ul>
이거 넣어도 여백이 생기고 사진 여백을 줄여도 동일한 증상(왼쪽여백)이 나오네요 ㅠㅠ
간혹가다가 수정햇는데 적용안데면 캐시 정리 해보세요
보니까 PC 모니터는 잘 정렬되어 있는데... 노트북 모니터만 오른쪽으로 쏠려있네요...
어떻게 해야할까요? ㅠㅠ
