2014-09-04 1 views
0

누군가가 도와 줄 수 있습니까?html로 이미지를 다음과 다음에 넣으세요?

나는이 가지고 노력하고 있어요 :

http://i.stack.imgur.com/Co0Uk.png

를하지만 항상 같은 것을 끝 :

http://i.stack.imgur.com/ugoYz.jpg

이 내가 쓰고있는 것입니다 :

<div> 
     <div class="diskografi" > 
      <div class="diskosol"> 
       <img src="image/diskografisol.png"> 
      </div> 
      <div class="diskoorta"> 
        <img src="image/diskoorta1.png"> 
        <img src="image/diskoorta2.png"> 
      </div> 
      <div class="diskosag"> 
       <img src="image/diskosag1.png"> 
       <img src="image/diskosag2.png"> 
      </div> 
     </div> 
    </div> 

그리고 CSS :

.diskografi { 
    background-color: black; 
    width: 100%; 
    float: left; 
} 

.diskosol img { 
    width: 44.1875%; 
    float: left; 
} 

.diskoorta img { 
    width: 32.25%; 
} 

.diskosag img { 
    width: 23.5625%; 
} 

어디에서 실수하고 있습니까?

+0

음, 이것은 나쁜 HTML입니다! 너는 모든 꼬리표를 닫지 않는다조차! Foreach

there must be a

+0

아, 어떻게 그랬어? 하지만 여전히 괜찮은 것은 아닙니다. @Noel Widmer – berserkstat

+0

div에 너비를 설정하고 원하는 값으로 플로트해야합니다. 그런 다음 imgs를 사용하면 그들이 속한 쿼드런트에 들어가게됩니다. – Anthony

답변

0
+0

저는 웹 개발을 처음 접했으므로 아직 자바 스크립트를 배우기 시작하지 않았습니다. – berserkstat