[도와주세요!] '텍스트 서식'에 대한 '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개
13년 전
http://html.nhndesign.com/uio_factory/ui_pattern/list/10
적용시켜보셔요
적용시켜보셔요
rakoos
13년 전
감사합니다.!^^
게시글 목록
| 번호 | 제목 |
|---|---|
| 12413 | |
| 12412 | |
| 12411 |
JavaScript
실시간 카운트 다운 시계 입니다.
|
| 12410 |
jQuery
jQuery, 이미지맵 마우스오버시 하이라이트 표시
|
| 12407 | |
| 12406 | |
| 12405 | |
| 12404 |
JavaScript
한번만 submit 되게 하기 입니다.
|
| 12403 |
JavaScript
영문자나 숫자만 입력 할 수 있게 하기 입니다.
|
| 12402 |
JavaScript
현재 페이지 이메일로 보내는 버튼 만들기 입니다.
|
| 12401 |
JavaScript
모바일웹에서 PC버전 링크
|
| 12400 |
JavaScript
특정 파일형태만 업로드 하기 입니다.
|
| 12399 |
JavaScript
입력 문자열 앞에 붙는 공백 제거하기 입니다.
|
| 12398 |
JavaScript
키보드 방향키로 창의 위치를 이동시키기 입니다.
|
| 12397 | |
| 12396 | |
| 12395 |
JavaScript
키보드 눌러 이동하는 단축키 사용하기 입니다.
|
| 12394 |
JavaScript
책장을 넘기는 것같은 이미지 슬라이드 쇼 입니다.
|
| 12393 |
JavaScript
마우스를 대면 링크 이미지들을 보여주기 입니다.
|
| 12392 |
PHP
pushbullet 푸시 발송
|
| 12391 |
MySQL
같은 컬럼의 행들을 한번에 UPDATE 하기
|
| 12390 |
JavaScript
이미지들을 보여주는 풀다운 콤보메뉴 입니다.
|
| 12389 |
JavaScript
부드럽게 오버랩되는 이미지 슬라이드 쇼 입니다.
|
| 12388 |
JavaScript
끊김없이 연속적으로 스크롤 되는 이미지 스크롤러 입니다.
|
| 12387 |
PHP
php 주요 정리 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기