채택완료

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

2015-08-20 (목) 11:34:20 2,795

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

레이아웃을

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

이런식으로 입력했는되요 계속 우측이미지가 아래로 내려가네요 ㅠㅠ 어떻게 해야

전체적인 이미지를 붙여서 만들수 있나요  아래이미지처럼 만들려고 하거든요 고수님들의 답변좀 부탁드립니다.1ef9a1b7903b6d67093585c748d22786_1440037987_5786.jpg
​ 

답변 9개

채택된 답변
+20 포인트
2015-08-20 (목) 13:23:23
Copy
<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>

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

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

2015-08-20 (목) 12:47:33

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

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

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

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

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

2015-08-20 (목) 12:36:13
Body Div ul li 여기에 마진 패딩 확인해보세요 개인적으로는 크롬에서 작업확인하면 편하더라구요 해당요소에서 오른쪽 마우스요소검사가시면 해당 요소에 이미지사이즈가 표기됩니다 마진까지두 나오구요

안되네요 ㅠㅠ  

2015-08-20 (목) 12:20:14
사이즈 문제가 아니시면 display:inline float:left를 이미지 style에 넣어보세요

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

2015-08-20 (목) 12:01:30

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

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

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