Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Шаблоны (TPL) Как выровнять по центру attachment в dle 10.6 ?

Как выровнять по центру attachment в dle 10.6 ?


     01.03.2016    Шаблоны (TPL), Стили (CSS)    509

вопрос
Помогите выровнять по центру attachment!
Вот сам 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]


Что только не делал, ничего так и не вышло и в результате он отображается слева

Как выровнять по центру attachment в dle 10.6 ?

Ответил: scaver


 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;

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

scaver
6

119 | 17

scaver - 1 марта 2016 11:54 - Юзер

Прошу прощения, для ID
#down,
#demo{

music_creations
35 | 5

music_creations - 1 марта 2016 12:42 - Юзер

scaver,К сожалению ничего абсолютно не изменилось : ((

scaver
6

119 | 17

scaver - 1 марта 2016 12:56 - Юзер

Попробуйте тогда:
#down,
#demo{
    position: relative;
    padding: 5px;
    float: left;
    margin: 5px 17px 30px 2px;
    width: 200px;
    height: 50px;
    display: block;
    text-decoration: none;
}


Заменить на:

#down, a#down {
  margin: 0 auto;
}
#demo {
  float: left;
  margin: 5px 17px 30px 2px;
}
#down,
#demo{
    position: relative;
    padding: 5px;
    width: 200px;
    height: 50px;
    display: block;
    text-decoration: none;
}

music_creations
35 | 5

music_creations - 1 марта 2016 13:04 - Юзер

scaver,Большое спасибо, теперь то что нужно!!!

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

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