r

[도와주세요!] '텍스트 서식'에 대한 'HTML태그' 질문입니다.

안녕하세요.
초보개발자 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개

http://html.nhndesign.com/uio_factory/ui_pattern/list/10

적용시켜보셔요
댓글을 작성하시려면 로그인이 필요합니다. 로그인

팁게시판

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
13년 전 조회 1,728
13년 전 조회 800
13년 전 조회 721
13년 전 조회 1,627
13년 전 조회 1,555
13년 전 조회 1,450
13년 전 조회 979
13년 전 조회 4,023
13년 전 조회 2,017
13년 전 조회 850
13년 전 조회 668
13년 전 조회 1,241
13년 전 조회 1,002
13년 전 조회 2,097
13년 전 조회 745
13년 전 조회 2,780
13년 전 조회 2,774
13년 전 조회 1,056
13년 전 조회 768
13년 전 조회 2,302
13년 전 조회 1,125
13년 전 조회 1,783
가나다라마바사아자차카타파하
13년 전 조회 1,082
13년 전 조회 1,131
13년 전 조회 1,494
🐛 버그신고