Топ дня: Umidjon4457

Тема закрыта by ID_RICKY[55]
Причина: Спасибо!

Как сделать так как на скриншоте ?
Без иконок.

Css естестно.

Мне надо просто ссылки
Код короче. Я просто всталю его в foot.php

<table style="width: 100%; background: blue; text-align: center; vertical-align: middle;">
<tr>
<td>
иконка-ссылка 1
</td>
<td>
иконка-ссылка 2
</td>
<td>
иконка-ссылка 3
</td>
<td>
иконка-ссылка 4
</td>
<td>
иконка-ссылка 5
</td>
</tr>
</table>


________
посл. ред. 02.11.2016 в 15:13; всего 2 раз(а); by Вилы_Выкидные

Ricky[55], можно вырезать.
Это спейсез да?
Можно и сканером оттуда же и стащить код.

вот эта строка особенно убила
<table style="width: 100%; background: blue; text-align: center; vertical-align: middle;">

Как?

<div class="panel">
<a class="cab" href="#"></a>
<a class="mes" href="#"> </a>
<a class="lenta" href="#"> </a>
<a class="exit" href="#"> </a>
</div>


/*******************************************/
.panel {background:url(img/foot.png) repeat-x #4a4a4a center;
height: 46px;
box-shadow: inset 0 -1px 0px #4a4a4a;}
.panel a.mes {background:url(icon/mail.png) no-repeat center rgba(0,0,0,0.04);
display: inline-block;
width: 25%;
float: left;
padding: 22px 0;}
.panel a.mes:hover {background:url(icon/mail.png) no-repeat center rgba(0,0,0,0.1);}
.panel a.cab {background:url(icon/user.png) no-repeat center rgba(0,0,0,0.04);
display: inline-block;
width: 25%;
float: left;
padding: 22px 0;}
.panel a.cab:hover {background:url(icon/user.png) no-repeat center rgba(0,0,0,0.1);}
.panel a.lenta {background:url(icon/bell.png) no-repeat center rgba(0,0,0,0.04);
display: inline-block;
width: 25%;
float: left;
padding: 22px 0;}
.panel a.lenta:hover {background:url(icon/bell.png) no-repeat center rgba(0,0,0,0.1);}
.panel a.exit {background:url(icon/home.png) no-repeat center rgba(0,0,0,0.04);
display: inline-block;
width: 25%;
float: left;
padding: 22px 0;}
.panel a.exit:hover {background:url(icon/home.png) no-repeat center rgba(0,0,0,0.1);}
.panel a{box-shadow: 1px 0 0 #4a4a4a,-1px 0 0 #4a4a4a;}
.panel a:last-child{box-shadow: -1px 0px 0px #4a4a4a;}
.panel a:first-child{box-shadow: 1px 0 0 #4a4a4a;}
/*******************************************/

Ricky[55], говорю же. Сканером сайтов.

Ну что же начнём урок:

style = задаём стиль таблицы
width: 100% - устанавливаем ширину таблицы по всей ширине экрана
backgroun: blue - устанавливаем фон таблицы (в данном случае синий)
text-align: center - устанавливаем горизонтальное расположение содержимого в таблице по центру
vertical-align: middle - устанавливаем вертикальное расположение содержимого таблицы по центру

.
сидим и любуемся результатом .45.