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 - не точная наука)

А где оно там вещается?

?

Здравствуйте. Вот сайт: http://foodstudio . no/ Не понимаю, как сделанно, чтобы меню тянулось за скроллом вниз? А также такой плавный переход к ссылкам? Я смотрел исходный код, но так и не понял как и где это вообще подключается?

Чем? display: block; Я понял, спасибо.

Чем?

Я не понимаю зачем нужна работоспособность без JS? Вы, на самом деле, когда-нибудь видели пользователей, которые отключают js в браузере?

Я хотел бы спросить, как вообще понять качественно ты верстаешь или нет? 1.Отображение в браузерах. Во всех браузерах должен выглядеть почти одинаково, c ie7-8 graceful degradation. 2.Валидатор проходит без ошибок, при html. На css как добиваться валидности я не представляю. Без хакков не могу верстать. 3. При масштабированние сохраняются пропорции. А какие ещё есть критерии проверки качества вёрстки?

Что именно такого с href?

Здравствуйте. Вот сверстал резиновый сайт. Практическая первая моя резина. Вот ссылка: http://prowoke.ts6.ru/ Я хотел бы спросить, как вообще понять качественно ты верстаешь или нет? Вот сайт по этой ссылке кроссбраузерный с изящной деградацией. Валидатор проходит без ошибок. При масштабированние масштабируется вроде нормльно. А какие ещё есть критерии проверки качества вёрстки?

2) Очень странно центрирует. Где одна строка- там правильно. Где две строчки - там как то странно центрирует (выравнивает 1 линию по центру, а вторая линия вниз уходит). Заключи каждый пункт списка в блок Заключил в div элементы, т.е. получилось <li><div><a href="">text</a></div></li> Div'у задал vertical-align: middle; display: table-cell; В итоге, где 1 строчка, там всё центрируется нормально, а где 2 строчки, то там центрируется только 1, а вторая сьезжает вниз относительно первой.