테스트 사이트 - 개발 중인 베타 버전입니다

html5 레이아웃을 만들려고하는데요 잘 안되네요 ㅠㅠ 채택완료

통신 10년 전 조회 2,555

다름이 아니라 이미지를 잘라서

 

레이아웃을

<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개

채택된 답변
+20 포인트
10년 전

</p><p><section style="width:100%;"></p><p><div style="width:1000px;height:500px; margin:0 auto;"></p><p style="margin-left: 40px;"><div style="float:left;width:500px"></p><p style="margin-left: 80px;"><img ></p><p style="margin-left: 40px;"></div></p><p style="margin-left: 40px;"><div style="float:left;width:500px;"</p><p style="margin-left: 80px;"><img style="float:left;"><img <span style="font-size: 14.6666669845581px; line-height: 1.5;">style="float:left;"</span><span style="font-size: 11pt; line-height: 1.5;">​</span><span style="font-size: 11pt; line-height: 1.5;">></span></p><p style="margin-left: 80px;"><img></p><p style="margin-left: 40px;"></div></p><p></div></p><p> </p><p></section></p><p>

대충 요런식으로 하시는건 어떨지요?? 테스트는 안해본소스입니다.

로그인 후 평가할 수 있습니다

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

10년 전

우가차차님 정말 고맙습니다. 많은 도움과 공부를 하고 가네요 감사합니다.  

로그인 후 평가할 수 있습니다

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

10년 전

홈페이지가 있는걸 이제 알았네요...

레이아웃 다시 짜셔야될듯싶네요.

main_photo2에 text-align:center;로 되있으신데

그렇게 정렬 마시고 div나 ul요소에 width값을 잡아주시고 margin같은걸로 가운데 정렬하시면 어떨까요??

로그인 후 평가할 수 있습니다

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

10년 전

패팅값은 0으로 되여있더라구요 ........  상관이 없는것 같아요.  왜 이미지가 아래로 내려오는지 감을 못잡겠네요  

로그인 후 평가할 수 있습니다

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

10년 전
Body Div ul li 여기에 마진 패딩 확인해보세요 개인적으로는 크롬에서 작업확인하면 편하더라구요 해당요소에서 오른쪽 마우스요소검사가시면 해당 요소에 이미지사이즈가 표기됩니다 마진까지두 나오구요
로그인 후 평가할 수 있습니다

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

10년 전

안되네요 ㅠㅠ  

로그인 후 평가할 수 있습니다

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

10년 전
사이즈 문제가 아니시면 display:inline float:left를 이미지 style에 넣어보세요
로그인 후 평가할 수 있습니다

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

10년 전

네 음 어떻게 수정해야하는지 감을 못잡겠네요 ㅠㅠ  

로그인 후 평가할 수 있습니다

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

f
10년 전

'main_photo'​의 너비보다 이미지 전체 너비 합계가 더 큰 모양입니다.

이미지 사이의 여백도 계산을 해야겠고...

로그인 후 평가할 수 있습니다

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

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

로그인