вопрос
Помогите выровнять по центру attachment!
Вот сам attachment.tpl
Что только не делал, ничего так и не вышло и в результате он отображается слева
Вот сам attachment.tpl
[not-allow-download]<span class="quote">У вас нет доступа к скачиванию файлов с нашего сервера. (<b><a href="/index.php?do=register">Зарегистрироваться</a></b>)</span>[/not-allow-download]
[allow-download]
<style>
/* ============== Download & Demo ===================== */
#down,
#demo{
position: relative;
padding: 5px;
float: left;
margin: 5px 17px 30px 2px;
width: 200px;
height: 50px;
display: block;
text-decoration: none;
}
span.btn-title{
color: #fff;
text-align: center;
font: 20px/58px Tahoma, Arial, sans-serif;
height: 50px;
/*margin-left: -9px;*/
width: 200px;
display: block;
position: relative;
background: rgb(40, 110, 177);
z-index: 5;
line-height: 50px;
-webkit-transition: width .2s ease-out;
-moz-transition: width .2s ease-out;
-o-transition: width .2s ease-out;
}
#down:hover span.btn-title,
#demo:hover span.btn-title {
font-size:16px;
width: 100px;
background: rgb(40, 110, 17);
}
.btn-info {
position: absolute;
height: 50px;
width: 200px;
top: 5px;
right: 4px;
z-index: 4;
background: #5B4282!important;
font-size: 12px;
}
.btn-info p {
width: 70px;
margin: 12px 12px 0 0;
position: absolute;
right: 0;
color: #EAF5FF;
font: 11px/12px Tahoma, Arial, sans-serif;
text-align: left;
font-size: 12px!important;
line-height: 14px!important;
}
</style>
<a href="{link}" title="Скачать: {name}" id="down">
<span class="btn-title">СКАЧАТЬ</span>
<div class="btn-info">
<p>{size}<br>Скачиваний:{count}</p>
</div></a>
[/allow-download]
Что только не делал, ничего так и не вышло и в результате он отображается слева
position: relative;
padding: 5px;
float: left;
margin: 5px 17px 30px 2px;
width: 200px;
height: 50px;
display: block;
text-decoration: none;
Замените на:
position: relative;
padding: 5px;
margin: o auto;
width: 200px;
height: 50px;
display: block;
text-decoration: none;
