Ссылки блоком

323
.
Добрый день, не знал как назвать тему, ну думаю если зайти в нее, то можно понять.

Хочется сделать mainmenu и другие скрипты в блочном стиле(скрин будет ниже, ничего другого не нашел). В общем сейчас у нас mainmenu идет столбцом, а я хотел бы сделать его блоком, как на скрине, ну и плюс название ссылки выводить рядом, желательно чтобы это было под тач, если это как то поможет, то у меня джон 3.2.2, можно просто идею подкинуть, а я уже сделаю. Заранее спасибо, надеюсь внятно объяснил.
Прикрепленные файлы:
.
Хм...боюсь ошибиться при ответе, ибо не знаю в php это или в css делается, ну скорее всего в css...зайти на spaces на главную и посмотри код, если в коде где эти самые блоки присвоены class то скорее всего делается при помощи css, хотя могут и последовательно эти блоки-ссылки вставлены по три штуки в строку, а потом уже в css оформляются рамочкой и оттенком...сори, если что не так...
.
человек И пароход
В стиле добавь

display: inline-block;

И размер добавь. Плитки будут тулиться рядом друг к другу и перетекать при сжатии страницы
.
человек И пароход
.block{
display: inline-block;
width: 15px;
height: 15px;
margin: 2px;
padding: 2px;
}


echo '<div class="block">Здесь пункт меню</div>';


//Например
.
Тема для Touch экранов может в этом дизе что то подчерпнешь для себя )
.
ramzes
.menu>a {
display: inline-block;
}
в хроме на смарте открой ссылку view-source:johncms.com
.
Всем спасибо, понял как сделать)
Всего: 7