Question

У меня кнопки на скачку выводятся столбцом, как сделать что бы располагались ГОРИЗОНТАЛЬНО.

Скрин:

Что здесь надо прописать?

<?if($OTHER1$)?><div align="center"><a title="Depositfiles" target="_blank" href="$OTHER1$">далее рисунок кнопки</a></div><?endif?>
<?if($OTHER2$)?><div align="center"><a title="Vip-file" target="_blank" href="$OTHER2$">
<?if($OTHER3$)?><div align="center"><a title="LetitBit" target="_blank" href="$OTHER3$">
<?if($OTHER4$)?><div align="center"><a title="turbobit" target="_blank" href="$OTHER4$">
<?if($OTHER5$)?><div align="center"><a title="Rapedgator" target="_blank" href="$OTHER5$">

Это убирал, не помогло:

<div align="center">

Answer 1

Вот так лучше:

<div class="torrent_link">

<?if($OTHER1$)?><a href="$OTHER1$" rel="nofollow" target="_blank" title="DepositFiles" class="dp"></a><?endif?><?if($OTHER2$)?><a href="$OTHER2$" rel="nofollow" target="_blank" title="Vip-File" class="vf"></a><?endif?><?if($OTHER3$)?><a href="$OTHER3$" rel="nofollow" target="_blank" title="LetitBit" class="lb"></a><?endif?><?if($OTHER4$)?><a href="$OTHER4$" rel="nofollow" target="_blank" title="TurboBit" class="tb"></a><?endif?><?if($OTHER5$)?><a href="$OTHER5$" rel="nofollow" target="_blank" title="RapedGator" class="rg"></a><?endif?>

</div>

CSS:

.torrent_link{

text-align:center;

}

.torrent_link a{

background-repeat:no-repeat;

display:inline-block;

width:ширина картинки в px;

height:высота картинки в px;

}

.torrent_link a.dp{

background-image:url('адресс ссылки DepositFiles');

}

.torrent_link a.vf{

background-image:url('адресс ссылки Vip-File');

}

.torrent_link a.lb{

background-image:url('адресс ссылки LetitBit');

}

.torrent_link a.tb{

background-image:url('адресс ссылки TurboBit');

}

.torrent_link a.rg{

background-image:url('адресс ссылки RapedGator');

}

Написал на скорую руку 

Comments

Спасибо, попробую.

Answer 2

Здравствуйте!

Добавьте к каждому div блоку style="display:inline-block;". Пример:

<div style="display:inline-block;">Тут первая кнопока</div>

<div style="display:inline-block;">Тут вторая кнопка</div>

и т.д

Если Вам нужно выровнять их по середине, то тогда используйте такой код:

<div align="center">

<div style="display:inline-block;">Тут первая кнопока</div>

<div style="display:inline-block;">Тут вторая кнопка</div>

</div>

Comments

Вставил и ничего
<?if($OTHER1$)?><div align="center"><div style="display:inline-block;">

Answer 3

выравниваем по центру они не станут в одну линию, используйте для этого значение  float: left в CSS.

Попробуйте так <div style="float:left;">тут ваш код кнопок</div>