안녕하세요.
초보개발자 rakoos입니다.
이번에 제가 모바일 웹을 만들어보고 있습니다.
근데 문제가 생겼습니다. ㅠ
위의 그림과 같이 리스트를 만드는 것 까지는 좋았는데,
보시는 것과같이 썸네일 옆의 타이틀 위치가 하단으로 내려와 있고,
타이틀이나 기사의 일부분이 표시되는 것에 대해 설정이 제대로 안 되어 있어서
각 리스트의 높이가 엄청 길어요..
이 부분은 어떻게 해결해야 좋을까요?
최종적인 목표와 함께 첨부합니다. ㅠ
현재 설정해 놓은 HTML태그의 일부입니다. 입니다.
조언 부탁드리겠습니다.^^
수정하고자 하는 것.
1. 오른쪽 그림과 같이 타이틀(기사 제목)이 상단에 배치하기
2. 타이틀이나 기사의 일부분이 모두 표시되는 것이 아니라,
정해 놓은 길이 이후에는 ' ...' 으로 표시되게 하기
--------------------------------------------------
<div>
<img src="{thumb}" width="80px" height="60px"> //thumb는 썸네일 입니다.
<b><font size=3>{title}</font></b> <br>// title는 기사의 제목입니다.
<font size=1>{description}</font> //description은 기사의 일부입니다.
</div>
--------------------------------------------------
댓글 2개
13년 전
http://html.nhndesign.com/uio_factory/ui_pattern/list/10
적용시켜보셔요
적용시켜보셔요
rakoos
13년 전
감사합니다.!^^
게시판 목록
팁게시판
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 52 | 20년 전 | 2669 | ||
| 51 |
prosper
|
20년 전 | 2317 | |
| 50 |
prosper
|
20년 전 | 2138 | |
| 49 | 20년 전 | 2150 | ||
| 48 | 20년 전 | 2293 | ||
| 47 | 20년 전 | 1911 | ||
| 46 | 20년 전 | 1915 | ||
| 45 | 20년 전 | 2110 | ||
| 44 | 20년 전 | 2353 | ||
| 43 | 21년 전 | 4560 | ||
| 42 |
prosper
|
21년 전 | 2694 | |
| 41 |
prosper
|
21년 전 | 2100 | |
| 40 | 21년 전 | 2162 | ||
| 39 | 21년 전 | 2114 | ||
| 38 | 21년 전 | 2387 | ||
| 37 | 21년 전 | 2532 | ||
| 36 | 21년 전 | 1738 | ||
| 35 | 21년 전 | 4049 | ||
| 34 | 21년 전 | 3831 | ||
| 33 | 21년 전 | 2954 | ||
| 32 |
prosper
|
21년 전 | 2861 | |
| 31 | 21년 전 | 5231 | ||
| 30 |
아우겐나이스
|
21년 전 | 4010 | |
| 29 |
아우겐나이스
|
21년 전 | 4410 | |
| 28 |
아우겐나이스
|
21년 전 | 3423 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기