안녕하세요.

초보개발자 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개
게시글 목록
| 번호 | 제목 |
|---|---|
| 12487 |
PHP
pc 모바일 체크
|
| 12486 |
PHP
계정 사용량(용량) 확인
|
| 380 | |
| 12484 | |
| 12483 |
MySQL
소수점 반올림 버림
|
| 376 | |
| 12482 | |
| 12481 |
PHP
에러 로그파일 생성하기
|
| 12479 | |
| 12478 | |
| 12477 |
PHP
후이즈검색 하기 입니다.
|
| 12476 |
PHP
그래프 그리기 입니다.
|
| 12475 |
JavaScript
자바스크립트로 구현한 number_format() 입니다.
|
| 12474 |
JavaScript
금액 관련 숫자를 한글로 변환하기 입니다.
|
| 12473 |
PHP
PHP 날짜 계산 관련 함수
|
| 12472 |
jQuery
jQuery 1.x와 2.x 버전 동시에 사용하기
|
| 12471 | |
| 12470 | |
| 12469 |
JavaScript
사업자 등록번호 검사하기 입니다.
|
| 371 | |
| 12468 | |
| 12467 |
JavaScript
항상 같은곳에 광고창 만들기 입니다.
|
| 12466 |
JavaScript
부메뉴 나오게 하기 입니다.
|
| 12465 |
JavaScript
특정문자 제거하기 입니다.
|
| 12464 |
JavaScript
휴대폰번호 검사 하기 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기