DIV로 겔러리 스킨 만들려고 하는데요
위의 그림과 같이 for 문으로 돌릴때요 5개 나오고 줄바꾸고 5개 나오고 줄바꾸고를..
DIV를 활용해서 하려면 어떻게 해야 할가요?
예제 소스좀 부탁드립니다 ^^;..
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 3개
.list {width:100%;}
.list ul {clear:both; list-style:none;}
.list li {float:left; padding:10px;}
</style>
<div class="list">
<ul>
<li><img></li>
<li><img></li>
<li><img></li>
<li><img></li>
<li><img></li>
</ul>
<ul>
<li><img></li>
<li><img></li>
<li><img></li>
<li><img></li>
<li><img></li>
</ul>
</div>
위같이 해보시고 문제있으면 쪽지나 댓글주세요.^^
if( $i%5==0 echo '<div style="clear:left;float:left;">.....';
else echo '<div style="float:left;">....';
for start
<li></li>
for end
</ul>
감싸는 요소하고, li하고 다 너비를 주고, li에 float: left; 주면 됩니다.