Не нравятся результаты поиска? Попробуйте другой поиск!

Помогите с кодом таблицей


     31.12.2013    Общие вопросы по вёрстке, Стили (CSS)    1233

вопрос
Здравствуйте дамы и господа, помогите с поправкой кода шаблона таблицы.
сам код на главной

[not-aviable=showfull]
<div class="sh0">
   <div class="sh1">
        <div class="sh2">
         <h1 class="sh3">ТОП - По рейтингу</h1>
        </div>
    </div>
<table width="100%" class="tabltop">
     <tbody>
    {custom category="5" template="short_rating" aviable="global" from="0" limit="200" cache="no"}
</tbody></table>
</div>
[/not-aviable]


Код шаблона

<tr>
    <th align="center">№</th>
    <th align="left">Название ленты</th>
    <th align="right" style="padding-right:20px">Рейтинг</th>
</tr>
<tr>
    <td width="30px" align="center">1</td>
    <td width="500px"><b><a href="{full-link}">{title}</a></b></td>
    <td width="200px" align="right" style="padding-right:20px">{vote-num}</td>
</tr>



CSS

.tabltop {
    border: solid #f1f1f1 1px;
*border-collapse: collapse; /* Для IE7 и старше */
    border-spacing: 0;
    margin: 0px;
}
.tabltop tr:hover td {
    background: #f9f9f9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.tabltop th {
    background: #f3f3f3;
    border-top: solid #dddddd 1px;
    border-bottom: dashed #d0d0d0 1px;
    padding: 10px 9px;
    font-size: 14px;
}
.tabltop td {
    padding: 5px 5px 5px 10px;
    vertical-align: middle;
    border-bottom: dashed #d0d0d0 1px;
}
.tabltop a {
    color: #424242;
    text-decoration: none;
}
.tabltop a:hover {
    text-decoration: underline;
}


Формируется новость не корректно то есть создается отдельная таблица для каждой новости а надо что бы все новости выводились в одной
Помогите с кодом таблицей


Спасибо за любую помощь представленную Вами дорогие форумчане!!!

Ответа пока нет


Комментарии пользователей (7)

shevke
58 | 4

shevke - 31 декабря 2013 15:11 - Юзер

Да и самое главное с Наступающим новым годом!!!

vitnet
218

2172 | 930

vitnet - 31 декабря 2013 15:16 - Эксперт

[not-aviable=showfull] 
<div class="sh0">
   <div class="sh1">
        <div class="sh2">
         <h1 class="sh3">ТОП - По рейтингу</h1>
        </div>
    </div>
<table width="100%" class="tabltop">
     <tbody>
<tr>
    <th align="center">№</th>
    <th align="left">Название ленты</th>
    <th align="right" style="padding-right:20px">Рейтинг</th>
</tr>
{custom category="5" template="short_rating" aviable="global" from="0" limit="200" cache="no"}
</tbody></table>
</div>
[/not-aviable]

<tr>
    <td width="30px" align="center">1</td>
    <td width="500px"><b><a href="{full-link}">{title}</a></b></td>
    <td width="200px" align="right" style="padding-right:20px">{vote-num}</td>
</tr>

shevke
58 | 4

shevke - 31 декабря 2013 15:31 - Юзер

Спасибо большое Вам "vitnet" за помощь теперь все хорошо отображается, только не знаю как поставить автоматическую нумерацию строк может Вы в курсе?

vitnet
218

2172 | 930

vitnet - 31 декабря 2013 15:44 - Эксперт


shevke
58 | 4

shevke - 31 декабря 2013 15:49 - Юзер

Написали простенький скрипт нумерации

<script>
$('.tabltop tbody tr').each(function(i) {
var number = i + 1;
$(this).find('td:first').text(number+".");
});
</script>


нумерация проходит, только он считает с первой строки
скрин
http://awesomescreenshot.com/0f725ij98d

shevke
58 | 4

shevke - 31 декабря 2013 15:51 - Юзер

поставлю +2 должно помоч

shevke
58 | 4

shevke - 31 декабря 2013 15:54 - Юзер

Не +2 а +0 все заработало нормально Спасибо еще раз и с наступающим годом Вас

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы