토타토타

DIV로 겔러리 스킨 만들려고 하는데요



위의 그림과 같이 for 문으로 돌릴때요 5개 나오고 줄바꾸고 5개 나오고 줄바꾸고를..

DIV를 활용해서 하려면 어떻게 해야 할가요?

예제 소스좀 부탁드립니다 ^^;..
|

댓글 3개

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

위같이 해보시고 문제있으면 쪽지나 댓글주세요.^^
for( $i=0; ...

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; 주면 됩니다.
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
16년 전 조회 1,637
16년 전 조회 1,672
16년 전 조회 1,128
16년 전 조회 2,437
16년 전 조회 862
16년 전 조회 956
16년 전 조회 984
16년 전 조회 1,215
16년 전 조회 1,527
16년 전 조회 992
16년 전 조회 998
16년 전 조회 1,436
16년 전 조회 1,091
16년 전 조회 916
16년 전 조회 790
16년 전 조회 759
16년 전 조회 795
16년 전 조회 935
16년 전 조회 939
16년 전 조회 968