D

갤러리형 리스트에서 가로 이미지수제한을 없애고싶습니다.

http://powerhouse-company.com/projects/

제목 그대로 위 사이트처럼 갤러리형 게시판을 제작하려고하는데 가로이미지수 제한없이 float:left를 사용해서 목록수만큼 width 100%로 나열하고 싶습니다.
가로 이미지수가 화면 넓이에 꽉차면 다음줄로 넘어가서 정렬되게하고싶은데 가로이미지수 제한을 없앨 방법은 없나요??
|

댓글 4개

반응형 웹 참고하시면될듯 하네요.
말씀하신대로 반응형웹으로 제작하려는데 게시판관리자의 가로 이미지수와 한페이지당 목록수에가 방해가되는 상황이네요.. 편법으로 갯수를 9999이런식으로 할수도 있겠지만 원천적으로 사용안할방법이 없나해서 질문드렸어요..^^;
이럴경우 사용하는 방식이
이미지를 ul 또는 li로 감싸서 이미지의 크기만을 적용시킴니다
한이미지가 ul로 시작했으면 /ul까지 사용하시고 이때 개행을 정하는것은 ul의 width가 됩니다
[code]
예)<?for($i=0; $i<count($list);$i++){?>
<ul><li><img src=xxx></li></ul>
<?}?>
[/code]
li로 시작하셧다면 당연히 /li로 끝나지만 이미지의 가로숫자에 한해 /ul을 주게 되는데 이 /ul은 모든이미지를 불러오고 나서 끝내는 방식입니다
이 때 개행을 정하는것은 li의 width가 됩니다
[code]
예)<ul>
<?for($i=0; $i<count($list);$i++){?>
<li><img src=xxx></li>
<?}?>
</ul>
[/code]
불량학생님 감사합니다..^^ 목록수는 어쩔수없겠지만 li로 잡아주니 가로이미지수는 무시되는군요..덕분에 해결했네요..ㅎㅎ
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

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

+
제목 글쓴이 날짜 조회
12년 전 조회 1,585
12년 전 조회 902
12년 전 조회 1,109
12년 전 조회 1,562
12년 전 조회 2,395
12년 전 조회 1,005
12년 전 조회 3,000
12년 전 조회 987
12년 전 조회 2,074
12년 전 조회 1,736
12년 전 조회 1,164
12년 전 조회 1,573
12년 전 조회 1,077
12년 전 조회 996
12년 전 조회 6,416
12년 전 조회 2,129
12년 전 조회 1,011
12년 전 조회 1,016
12년 전 조회 1,848
12년 전 조회 1,570