prowoke

Очевидно, что это явно не для случая с 2 строчками.

Ну bootstrap это. Ну а так нету какого то готового решения для этого? Задача вроде распространнёная. Ну так, вот css: #menu { background-color: #840d55; background-image: linear-gradient(to bottom, #9a176d, #840d55); min-height: 77px; box-shadow: 0 0 5px; border-radius: 10px; } #menu .nav > li { background-image: url(../image/liseparate.png); background-repeat: no-repeat; background-position: right 18px; text-transform: uppercase; height: 100%; } #menu .nav :last-child { background-image: none; } #menu .nav > li > a { color: #fff; font-size: 13px; height: 100%; background-color: transparent; width: 138px; height: 77px; text-align: center; } #menu .nav > li > a:hover, #menu .nav > li.open > a { background-color: rgba(0, 0, 0, 0.1); } #menu .dropdown-menu { padding-bottom: 0; } #menu .dropdown-inner { display: table; } #menu .dropdown-inner ul { display: table-cell; background-color: #840d55; } #menu .dropdown-inner a { min-width: 160px; display: block; padding: 3px 20px; clear: both; font-size: 13px; line-height: 20px; color: #333333; font-size: 12px; color: white; } #menu .dropdown-inner li a:hover { color: #FFFFFF; }

Здравствуйте. Мне нужно выровнять по вертикали текст в теге <li>. Сложность в том, что текст во-первых двухстрочный. Во вторых содержится в bootstrap меню. Вот такая структура: <nav id="menu" class="navbar"> <div class="navbar-header"><span id="category" class="visible-xs">Категории</span> <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button> </div> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav"> <li class="dropdown"><a href="http://neosakura/index.php?route=product/category&amp;path=59" class="dropdown-toggle" data-toggle="dropdown">Букеты</a> <div class="dropdown-menu"> <div class="dropdown-inner"> <ul class="list-unstyled"> <li><a href="http://neosakura/index.php?route=product/category&amp;path=59_68">Второй вид (3)</a></li> <li><a href="http://neosakura/index.php?route=product/category&amp;path=59_67">Первый вид (1)</a></li> </ul> </div> <!--<a href="http://neosakura/index.php?route=product/category&amp;path=59" class="see-all">Показать все Букеты</a>--> </div> </li> <li><a href="http://neosakura/index.php?route=product/category&amp;path=60">Горшочные изделия</a></li> <li><a href="http://neosakura/index.php?route=product/category&amp;path=61">Композиции</a></li> <li><a href="http://neosakura/index.php?route=product/category&amp;path=62">Корзины</a></li> <li><a href="http://neosakura/index.php?route=product/category&amp;path=64">Новогодняя флористика</a></li> <li><a href="http://neosakura/index.php?route=product/category&amp;path=66">Оформление мероприятий</a></li> <li><a href="http://neosakura/index.php?route=product/category&amp;path=65">Свадебная флористика</a></li> <li><a href="http://neosakura/index.php?route=product/category&amp;path=63">Траурная флористика</a></li> </ul> </div> </nav> Тема популярная, но то, что я нахожусь в сети, обычно не работает, либо не подходит.

Ну написали же, что нужен код. Дайте ссылку на ваш сайт или сделайте на codepen'е или еще где. Вот сайт на хостинге - http://bazaodon.ru/ Вот эмулятор iPad'а - http://ipadpeek.com/

Ну так?

Не понимаю, что я не так объясняю. Скорректируйте, что ли. На ноутбуке сайт растягивается на всю ширину монитора, на iPad'е - нет. Скажите, что уточнить надо и я уточню.

Ну и что теперь, по картинкам гадать, что ли? Есть тысячи способов показать свой код, о которых на форуме уже говорили миллионы раз. Так может это известная проблема и есть уже готовый ответ на неё. Ну я могу и код кинуть на форум, мне не сложно.

Чего именно нехватает? Весь код же я не буду скидывать. У меня сайт растягивается на всю ширину экрана. Но из за того, что некоторые блоки больше, то на iPad'е появляется горизонтальный скроллинг, как на скриншотах. Вроде бы понятно, объясняю.

На персональном компьютере сайт-лендинг растягивается у меня во всю ширину экрана, а на iPad'е происходит вот такая вот штука: Код структуры лендинга: <div class="fullpage"><div class="section" id="section1"></div><div class="section" id="section2"></div><div class="section" id="section3"></div><div class="section" id="section4"></div></div>Прошлую тему почему-то удалили. Я не понял почему. Я как то неправильно на форуме себя веду? Или что?

Здравствуйте. Не могу понять почему в iPad вёрстка не растягивается по всей ширине экрана, т.е. там есть горизонтальный scroll и за границами этого скролла блоки не растягиваются, а становятся фиксированными. Это лендинг и есть такой вот код: <div class="fullpage"><div class="section" id="section1"></div><div class="section" id="section2"></div><div class="section" id="section3"></div><div class="section" id="section4"></div></div>Так вот, например блок section3 шире, чем другие и из за этого получается горизонтальная прокрутка в iPad'е. На персональных компьютерах такой проблемы нету, т.к. остальные блоки подстраиваются под самый длинный.

Здравствуйте. Вот есть сайт. Там есть надпись в главной "Звоните!". И в этой надписе пропала буква "З" (В IE9). В других браузерах всё хорошо. Я не могу понять, куда буква то делась? Вот сайт: http://artprstudio.ru/Folder/index.html

Здравствуйте. Вот сайт есть: http://www.homotomia.ru/ Хозяин сайта попросил уменьшить фотоаппарат, чтобы он влазил в браузер. Чтобы всё было пропорционально, я выставил масштабирование сайта по умолчанию, вот так: $("body").css({ zoom: 0.65, transform: "scale(0.65)", transformOrigin: "0 0" }); document.body.style.MozTransform="scale(0.65)"; // для FireFox if ($.browser.opera) { $("body").css("marginTop", "-150px"); document.body.style.OTransform = "scale(0.65)";// Для Opera } И появилась забавная проблема, которую я не знаю как решить. Из за масштабирования, сама область документа выравнивается по левому краю в 2 браузерах, в IE и в Firefox. И из-за этого сайт перестаёт быть по центру. Я думал узнать общую ширину окна браузера с помощью $(document).width(), $(window).width(), screen.width, document.body.clientWidth и через вычисления выравнить. Но всё это выдаёт не рабочую область браузера, а область документа. Вот не знаю, как решить проблему. Может подскажете что?

Прописал, теперь не едет. Хороший совет.

Вот сайт: http://artprstudio.ru/test/ Хочу научиться верстать резиной. Вот как в этом сайте - это правильно?

Здравствуйте. Сам я кодер и никогда не интересовался раскруткой сайта и SEO. Но вот у меня один знакомый, который владеет небольшим сайтом-хобби спрашивает советов по раскрутке. Говорит, посоветуйте мне что-нибудь. Что можно посоветовать то? Я знаю только, что: 1) Должен быть title на каждой странице свой. 2) Каждая страница должна иметь понятное и описательное содержание description тега 3) На сайте должны быть грамотно заполнены keywords 4) На сайте должен быть уникальный контент, как картинки так и текст. 5) ЧПУ 6) Побольше ссылок на сайт с других сайтов. И чтобы другие сайты были положительными для поисковика. 7) Кроссбраузерность и валидность сайта. ЧТо ещё посоветуете? Как вообще сайт можно раскрутить? У поисковиков ещё как то можно покупать популярность да? В общем, кому не жалко инфы, сделайте краткий ликбез для меня и моего друга. Просто при гуглинге я на какие то "имхи" натыкаюсь, написанные неизвестно кем и противоречащие друг другу. SEO - не точная наука)