Jump to content

Тёмик

Newbie
  • Posts

    29
  • Joined

  • Last visited

Posts posted by Тёмик

  1. Использую 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>
  2. При наведении курсора на строку, появляется кнопка копирования. Но если перевести курсор на кнопку, она исчезает По-видимому переход на флешку zeroclipboard, у div-а вызывает событие mouseleave. Ошибка появляется только в Firefox и Opera, а в Chrome отсутствует. Посоветуйте. как это исправить?

     

    http://jsfiddle.net/crazzzy/88mxY/1/

  3. Добрый день. Сайт на хостинге ucoz. Возникли две проблемы.

    1) На страницах добавления файлов и статей не работает переключатель категории.

    2) Не изменяется содержимое статьи после редактирования.

    Сайт - http://scripts4gta.ru/

  4. Постигаю азы 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>

  5. Это мазохизм чистой воды, верстать сайт по jpg'у

    Да не так уж и сложно. Я же сверстал :) - http://m1024.hostoi.com/verstka/1

    Как всегда IE преподносит сюрпризы: выпадающее меню, сделанное через JavaScript, съезжает в сторону, а также не удалось избавиться от большого отступа, появляющегося внизу страницы.

  6. Физкульт-привет, товарищи верстальщики! :)

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

    skumb4.gif

    Вроде ничего сложного, но у меня не получается.

  7. Доброго времени суток!

    Хочу во втором столбце сделать выравнивание текста по правой стороне. Вроде должно быть так, но работать не хочет. Укажите на ошибку.

    <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>

  8. реши для себя сколько картинок в ряду ты бы хотел видеть и сделай расчет исходя из ширины родителя, картинок и отступов

    Значит без калькулятора не обойтись, автоматом не считает.

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

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy