Тёмик

Использую Bootstrap. Подскажите пожалуйста, как сделать так, чтобы когда на маленьком экране меню исчезает и появляется кнопка меню, блок "order-now" оставался бы на своём месте (т.е. слева от кнопки меню)? <header id="header" class="site-header clearfix header main-header" role="banner"><div class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"> <img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt=""/></a> </div> <div class="navbar-collapse collapse"> <div class="menu-main_menu_ru-container"><ul class="nav-menu nav navbar-nav" id="menu-main_menu_ru"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-601" id="menu-item-601"><a href="/about-us-ru/">О нас</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-607" id="menu-item-607"><a href="/stati/">Статьи</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-622" id="menu-item-622"><a href="/faq-ru/">FAQ</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-624" id="menu-item-624"><a href="/texnologii/">Технологии</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-589" id="menu-item-589"><a href="/napishite-nam/">Написать нам</a></li> <li class="lang-item lang-item-20 lang-item-en menu-item menu-item-type-custom menu-item-object-custom menu-item-834-en" id="menu-item-834-en"><a hreflang="en" href="http://cardberry.com/en/"><img alt="English" title="English" src="/wp-content/plugins/polylang/flags/en_US.png"></a></li> </ul> </div> <ul class="nav navbar-nav navbar-right"> <li class="predzakazov" style="display: block;"> <div><? pll_e('Preorder_make'); ?></div> <div id="predzakaz_counter"></div> </li> <!-- Этот блок должен остаться на своём месте --> <li class="order-now"> <a href="javascript:;" onclick="modal();" id="link_open" onClick="ga('send', 'event', 'button', 'open_preorder');" data-toggle="modal" data-target="#ordernow1"><? pll_e('preorder'); ?></a> </li> <!-- --> </ul> </div> </div></div></header>

Есть элемент с классом blue. Нужно выбрать ближайший сверху (отмечен крестиком) элемент класса red. Примерная иерархия объектов на рисунке. Подскажите как это сделать.

Спасибо. помогло!

Тогда описание сразу под ценой будет. Нужно, чтобы оно под фото было, т.е. так:

Никак не могу понять, из-за чего появляется большой отступ между картинкой и описанием - http://kosmetika-just.ru/produkciya-dlya-uhoda-za-polostyu-rta-i-zubami/483-poloskanie-dlya-polosti-rta-125-ml.html

При наведении курсора на строку, появляется кнопка копирования. Но если перевести курсор на кнопку, она исчезает По-видимому переход на флешку zeroclipboard, у div-а вызывает событие mouseleave. Ошибка появляется только в Firefox и Opera, а в Chrome отсутствует. Посоветуйте. как это исправить? http://jsfiddle.net/crazzzy/88mxY/1/

Возможно ли как-нибудь в теге Select отобразить степень? Обычным способом не работает: <select> <option>33 м²</option></select>

Везде работает, кроме двенадцатой Оперы: <select> <option>visible</option> <option style="display: none;">hidden</option> </select>Также не работает ф-ция hide из jquery.

Если это кроссбраузерно, то да.

Друг за дружкой идут несколько блоков с разным кол-вом текста. Подскажите, как сделать их высоту одинаковой (по высоте самого высокого блока)? http://jsfiddle.net/crazzzy/ZATMa/

На бесплатном хостинге

Здравствуйте. Подскажите идею, как через JQuery удалить все атрибуты у элемента. Заранее благодарю.

Вот так работает /"(.*?)","(.*?)","(.*?)";/g Radiocity, большое спасибо за ссылку. В хозяйстве пригодится.

Почему не работает скрипт для разбора CSV? http://jsfiddle.net/PQBJP/5/

Почему не работает? <button>нажми</button> $('button').click(function() { $(this).toggle(function() { $(this).text('включить'); }, function() { $(this).text('выключить'); }); });

Добрый день. Сайт на хостинге ucoz. Возникли две проблемы. 1) На страницах добавления файлов и статей не работает переключатель категории. 2) Не изменяется содержимое статьи после редактирования. Сайт - http://scripts4gta.ru/

Работает. Спасибо!

Постигаю азы jquery. Как заставить текст меняться в тот момент, когда кнопка становиться невидимой? CSS: .button { color: white; font-weight: bold; background: maroon; padding: 12px; display: inline-block; width: 180px; text-align: center; } JavaScript: $(document).ready( function() { $('.button').click(hide) } ) function hide(e) { var t = e.target || e.srcElement; $(t).fadeOut(800).text('новый текст').fadeIn(800); } HTML: <button class="button">кнопочка</button>

Написал простенький скрипт слайдера на javaScript. Проблема в том, что не совсем правильно переключаются изображения, в общем смотрите сами - m1024.hostoi.com/test/slider.html

Да не так уж и сложно. Я же сверстал - http://m1024.hostoi.com/verstka/1 Как всегда IE преподносит сюрпризы: выпадающее меню, сделанное через JavaScript, съезжает в сторону, а также не удалось избавиться от большого отступа, появляющегося внизу страницы.

Спасибо Dimitry Wolotko, хороший простой макет - то что нужно для новичка вроде меня. Я сначала DIV-ами начал, потом сообразил через таблицы проще будет. Если кому интересно, вот моя работа - http://megabyte1024.narod.ru/htmlbook/form2/form.html

Ошибочку допустил - внешний DIV резиновый. Ну да ладно, уже нашёл кое-что по теме - http://css-live.ru/articles-css/ravnomernoe-vyravnivanie-blokov-po-shirine.html

Физкульт-привет, товарищи верстальщики! Столкнулся с небольшой проблемой. Имеется DIV с фиксированной шириной, нужно расположить в нём 4 DIVа с фиксированным отступом между ними, так чтобы DIVы растягивались на всю доступную ширину. Т.е. должно быть как на картинке: Вроде ничего сложного, но у меня не получается.

Доброго времени суток! Хочу во втором столбце сделать выравнивание текста по правой стороне. Вроде должно быть так, но работать не хочет. Укажите на ошибку. <style type="text/css"> .pricelist { border-collapse: collapse; } .pricelist TD, .pricelist TH { padding: 3px; border: 1px solid #228B22; } .pricelist TD { background: #F0FFFF; } .pricelist .category { background: #008000; color: white; font-weight: bold; text-align: center; } </style> <table width="600px" cellpadding="0" cellspacing="0" class="pricelist"> <col width="500px" align="left"> <col width="100px" align="right"> <tr> <td colspan="2" class="category">Заголовок</td> </tr> <tr> <td>4234</td> <td>аваи</td> </tr> <tr> <td>ааывп</td> <td>343455</td> </tr> <tr> <td colspan="2" class="category">Заголовок 2</td> </tr> <tr> <td>4234</td> <td>аваи</td> </tr> <tr> <td>ааывп</td> <td>343455</td> </tr> </table>

Значит без калькулятора не обойтись, автоматом не считает. Можно ещё маленький вопросик, чтобы новую тему не создавать? А как div внутри другого div-а по низу выравнивать?