Хочу к себе на сайт вот такой информер...
Всёвроде получилось но текст описания не ограничен и вылазиет полностью, а на картинке после определёного количемтва символов он прерываеться "..." хз как сделать.
Вот мои рипнутые коды)
Код
Код
.left-news {
}
.left-news-image {
float: left;
width: 84px;
height: 61px;
overflow: hidden;
margin: 0 10px 0 0;
}
.left-news-image img {
width: 84px;
min-height: 61px;
border: 0;
}
.left-news-right {
float: left;
width: 130px;
height: 61px;
}
.left-news-right ha {
}
.left-news-right ha a {
color: #ff790c;
height: 61px;
display: block;
}
.left-news-right ha a:hover {
color: #fff;
}
.left-news-right ha span {
display: block;
height: 31px;
overflow: hidden;
font-weight: bold;
font-size: 12px;
margin: 0 0 5px 0;
line-height: 16px;
}
.left-news-right ha i {
display: block;
background: url(/images/left-news-right.png) left top no-repeat;
width: 115px;
height: 30px;
}
.left-news-right ha a:hover i {
background: url(/images/left-news-right.png) left -30px no-repeat;
}
.left-news-content {
clear: both;
padding: 10px 0 15px 0;
color: #c2c2c2;
font-size: 11px;
line-height: 15px;
background: url(/images/left-news-content.jpg) left bottom repeat-x;
margin: 0 0 15px 0;
}
}
.left-news-image {
float: left;
width: 84px;
height: 61px;
overflow: hidden;
margin: 0 10px 0 0;
}
.left-news-image img {
width: 84px;
min-height: 61px;
border: 0;
}
.left-news-right {
float: left;
width: 130px;
height: 61px;
}
.left-news-right ha {
}
.left-news-right ha a {
color: #ff790c;
height: 61px;
display: block;
}
.left-news-right ha a:hover {
color: #fff;
}
.left-news-right ha span {
display: block;
height: 31px;
overflow: hidden;
font-weight: bold;
font-size: 12px;
margin: 0 0 5px 0;
line-height: 16px;
}
.left-news-right ha i {
display: block;
background: url(/images/left-news-right.png) left top no-repeat;
width: 115px;
height: 30px;
}
.left-news-right ha a:hover i {
background: url(/images/left-news-right.png) left -30px no-repeat;
}
.left-news-content {
clear: both;
padding: 10px 0 15px 0;
color: #c2c2c2;
font-size: 11px;
line-height: 15px;
background: url(/images/left-news-content.jpg) left bottom repeat-x;
margin: 0 0 15px 0;
}
У кого еть такой информер в исходном виде дайти пожалёйста)





