Верхняя панелька уведомлений

как разделить вот примерно как тут на панельки иконки на определенное расстояние?



<?

echo '<div class="t">
<a href="'.ROOT.'id'.$ya['id'].'"><img src="'.ROOT.'styles/'.STYLE.'/images/3.png" alt="Я"></a>
<a href="'.ROOT.'mail"><img src="'.ROOT.'styles/'.STYLE.'/images/2.png" alt="Почта"> '.$sms.'</a>
<a href="'.ROOT.'my/lenta.php"><img src="'.ROOT.'styles/'.STYLE.'/images/5.png" alt="Лента">'.$lenta.'</a>
<a href="'.ROOT.'my/poisk.php"><img src="'.ROOT.'styles/'.STYLE.'/images/11.png" alt="Поиск"></a>
</div>';

?>

Изм. 2 раз. / Посл. изм.

Korsakov 3.12

(3 мар 2016, 16:42)

Korsakov, тег table в помощь !

я не шарю в нем

<table cellspacing="0" cellpadding="0" style="width:100%">
<tr>
<td style="vertical-align:top;width:10%;">
<center>
иконка
</center>
</td>
<td style="vertical-align:top;width:10%;">
<center>
иконка
</center>
</td>
<td style="vertical-align:top;width:10%;">
<center>
иконка
</center>
</td>
<td style="vertical-align:top;width:10%;">
<center>
иконка
</center>
</td>
</tr>
</table>

мягкий перенос попробуй - &nbsp; он пробел.
Я его как-то в вап моторе применял между иконками правда по два штуки писал &nbsp; &nbsp;

Буду с компа дам код адаптивной шапки.

Спасибо,А как их теперь немного ближе сделать?

Или как вариант дописывай к ссылкам к двум последним <a href="'.ROOT.'my/poisk.php" style="margin-left:10px;">
Примерно так

Korsakov, Попробуй процент уменьшить. width:10%
Или уменьшить общую ширну таблицы width:100%

Изм. 1 раз. / Посл. изм.

Миледи 24.08

(3 мар 2016, 16:53)

процент не помогает , а если уменьшаешь общую ширину то помогает но почему то в лево уходит