G5 모바일에 이미지배너를 넣고 싶어요.
본문
G5 기본 모바일스킨을 가지고, 모바일 페이지를 작업중인데요.
기본은 latest로 구성을 하고,
제일 아래 첨부한 이미지 같은 이미지 배너를 넣고 싶습니다.
이미지 배너 영역은 모바일페이지내에서, 가로폭에 따라 맞춰져서 보일 수 있도록
반응형 형태로 올리고 싶은데요. 배너는 각각의 이미지 파일 (4개)로 작업되어 있는데,
배너 부분의 코딩을 어떻게 추가하면 될까요?
예시된 소스가 있으면 도움을 좀 주실 수 있을까요?
답변 1
모바일에서 4개를 세로로 배치할려면 이미지가 상당히 작아질텐데 아이폰이라면 더더욱..
<ul style="padding:0; margin:0;">
<li style="float:left;">
<img src="이미지.jpg" style="width:25%;">
</li>
<li style="float:left;">
<img src="이미지.jpg" style="width:25%;">
</li>
<li style="float:left;">
<img src="이미지.jpg" style="width:25%;">
</li>
<li style="float:left;">
<img src="이미지.jpg" style="width:25%;">
</li>
</ul>
답변을 작성하시기 전에 로그인 해주세요.