html5 레이아웃을 만들려고하는데요 잘 안되네요 ㅠㅠ
관련링크
본문
다름이 아니라 이미지를 잘라서
레이아웃을
<div id="main_photo">
</div>
<li><img src="../image/main/main_bottom_01.jpg" border=0/>
<img src="../image/main/main_bottom_02.jpg" border=0/>
<img src="../image/main/main_bottom_03.jpg" border=0/>
</li>
<li>
<img src="../image/main/main_bottom_04.jpg" border=0/>
</li>
</ul>
</div>
이런식으로 입력했는되요 계속 우측이미지가 아래로 내려가네요 ㅠㅠ 어떻게 해야
전체적인 이미지를 붙여서 만들수 있나요 아래이미지처럼 만들려고 하거든요 고수님들의 답변좀 부탁드립니다.
답변 9
<section style="width:100%;">
<div style="width:1000px;height:500px; margin:0 auto;">
<div style="float:left;width:500px">
<img >
</div>
<div style="float:left;width:500px;"
<img style="float:left;"><img style="float:left;">
<img>
</div>
</div>
</section>
대충 요런식으로 하시는건 어떨지요?? 테스트는 안해본소스입니다.
'main_photo'의 너비보다 이미지 전체 너비 합계가 더 큰 모양입니다.
이미지 사이의 여백도 계산을 해야겠고...
네 음 어떻게 수정해야하는지 감을 못잡겠네요 ㅠㅠ
안되네요 ㅠㅠ
패팅값은 0으로 되여있더라구요 ........ 상관이 없는것 같아요. 왜 이미지가 아래로 내려오는지 감을 못잡겠네요
홈페이지가 있는걸 이제 알았네요...
레이아웃 다시 짜셔야될듯싶네요.
main_photo2에 text-align:center;로 되있으신데
그렇게 정렬 마시고 div나 ul요소에 width값을 잡아주시고 margin같은걸로 가운데 정렬하시면 어떨까요??
우가차차님 정말 고맙습니다. 많은 도움과 공부를 하고 가네요 감사합니다.
