DIV로 겔러리 스킨 만들려고 하는데요 정보
DIV로 겔러리 스킨 만들려고 하는데요본문
위의 그림과 같이 for 문으로 돌릴때요 5개 나오고 줄바꾸고 5개 나오고 줄바꾸고를..
DIV를 활용해서 하려면 어떻게 해야 할가요?
예제 소스좀 부탁드립니다 ^^;..
댓글 전체
<style type="text/css">
.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>
위같이 해보시고 문제있으면 쪽지나 댓글주세요.^^
.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>
위같이 해보시고 문제있으면 쪽지나 댓글주세요.^^
for( $i=0; ...
if( $i%5==0 echo '<div style="clear:left;float:left;">.....';
else echo '<div style="float:left;">....';
if( $i%5==0 echo '<div style="clear:left;float:left;">.....';
else echo '<div style="float:left;">....';
<ul>
for start
<li></li>
for end
</ul>
감싸는 요소하고, li하고 다 너비를 주고, li에 float: left; 주면 됩니다.
for start
<li></li>
for end
</ul>
감싸는 요소하고, li하고 다 너비를 주고, li에 float: left; 주면 됩니다.