Question

В общем есть проблема с кнопками у опросов, они отображаются некоректно

Как то они высоковато задрались.

Вот код вида формы опросов

<div class="pollBlock">
<div class="pollQue"><b>$QUESTION$</b></div>
<div class="pollAns">$ANSWERS$</div>
<div class="pollLnk">
<a href="$RESULTS_LINK$" title="Результаты">
<i class="fa fa-area-chart"></i></a> 
<a class="arh" href="$ARCHIVE_LINK$" title="Архив опросов">
<i class="fa fa-archive"></i></a></div>
<div class="pollTot">Всего ответов: 
<b>$TOTAL_VOTES$</b></div>
</div>

Вот талица стилей 

СSS

А вот кусок таблицы с указанными в виде формы стилями

.pollQue b,.pollTot b {
 font-weight: 400;
}

.calMdayIs a,.calMdayIsA a,.calMdayIsA:hover a,.calMonth a {
 color: #333;
 text-decoration: none;
}

.calMdayIs a:hover {
 color: #7D92BA;
}

.pollQue {
 font-size: 12pt!important;
 color: #333;
 padding-bottom: 18px;
}

.answer {
 font-size: 13px;
}

.answer label {
 padding-left: 8px;
}

.pollLnk {
 display: table;
 margin-top: 20px;
}

.pagesBlock1,.pollLnk a {
 display: block;
}

.pollButton input {
 margin: 20px 4px 10px 0;
 float: left;
}

.pollLnk a {
 float: left;
 line-height: 40px;
 width: 40px;
 height: 40px;
 text-align: center;
 background: rgba(0,0,0,.1);
 font-size: 12pt!important;
 white-space: nowrap;
 text-decoration: none;
 color: #666;
}

.pollAns,.pollTot {
 width: 100%;
}

.pollLnk,.pollTot {
 text-align: left!important;
}

.pollLnk a.arh {
 border-left: 1px solid #ddd;
}

.pollLnk a:hover {
 background: #7D92BA;
 color: #fff;
}

.pollLnk {
 font-size: 0;
}

.pollTot {
 font-size: 9pt!important;
 color: #666;
 margin-top: 10px;
}

.pollTot b {
 color: #000;
}

.answer {
 color: #333;
 padding: 0;
}

.answer div {
 bottom: 0;
 left: 0;
 color: #fff;
 z-index: -1;
 height: 20px!important;
 background: #f6f6f6;
 margin-top: 4px;
 margin-bottom: 10px;
 width: 100%;
 padding: 0 1px!important;
}

.cCounter {
 position: absolute;
 top: 10px;
 right: 6px;
 background: rgba(0,0,0,.2);
 color: #fff;
 padding: 2px;
 border-radius: 2px;
 font-size: 8pt;
}

Answer 1

Можно исправить небольшой правкой в стилях, добавьте в стили:

.pollLnk i {top:12px;position:relative;}

Comments

Заработало, как надо)) Большое спасибо!