Задать вопрос
bogdan_uman

Богдан

шлЫмазл неукЪ-поцЪ
Ответы

  • Как правильно записать this селектор на jQuery?

    bogdan_uman
    @bogdan_uman
    шлЫмазл неукЪ-поцЪ
    Ну в связи с тем что при клике на Radio он не снимает с него переключатель, но вместе с тем меняет статус для соседних Radio, логичней было бы сделать вот так:
    $("document").ready(function() {
  $('.input-radio-gift').click(function() {
    $(this).next('a').css('color', '#337ab7').siblings('a').css('color', '#fac902');
  });
});
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать table-layout: fixed и min-width?

    bogdan_uman
    @bogdan_uman Автор вопроса
    шлЫмазл неукЪ-поцЪ
    Отвечу сам себе, резиновую колонку можно сделать, но для этого нужно создать псевдоколонку которая и будет резиновой, и вторую колонку которая будет как раз и содержать ширину минимально-необходимую, и эти ячейки обьеденить.
    Ответ написан
    Комментировать
    Комментировать

  • Как с помощью css создать таблицу по центру экрана?

    bogdan_uman
    @bogdan_uman
    шлЫмазл неукЪ-поцЪ
    Ну мне больше нравится вариант с flex
    28aaf2401dae448abfc3fbe53ff87dbf.png
    Вот и сама верстка на slim
    doctype html
html
  head
    title Slim Examples
    meta name="keywords" content="template language"
    link rel="stylesheet" type="text/css" href="../session.css" media="screen"
  body
    / Вход пользователя
    #main_log_in
      form 
        span Вхід в портал
        div : input *{ type: :text, name: :username, placeholder: 'Користувач...' }
        div : input *{type: :password, name: :password, placeholder: 'Пароль...' }
        button


    а вот и стили на Sass
    $ffIcon: 'Glyphicons Halflings';

@import 'application';

#main_log_in {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #666666;

  form {
    display: inline-block;
    width: 500px;
    border-radius: 3px;
    background-color: white;

    /* Заголовок */
    span {
      display: block;
      width: 100%;
      padding-left: 15px;
      line-height: 43px;
      font-size: 16px;
      background-color: #d9edf7;
      color: #31708f;
      border-radius: 3px 3px 0 0;
    }

    /* Поля ввода с иконами */
    div {
      margin: 20px 15px;
      position: relative;
      &:before { font-family: $ffIcon; position: absolute; top: 8px; left: 8px; color: #aaa; }

      &:nth-of-type(1):before { content: "\e008"; } /* Иконка для пользователя */
      &:nth-of-type(2):before { content: "\e139"; } /* Иконка для пароля */

      /* Поля ввода с иконами */
      input {
        width: 100%;
        height: 34px;
        border-radius: 3px;
        border: 1px solid #e7e7e7;
        cursor: pointer;
        padding-left: 30px;
        &:hover:enabled { border-color: #aaa; }
      }
    }

    /* Базовая кнопка */
    button {
      height: 34px;
      border-radius: 3px;
      margin: 20px 15px;
      border: 1px solid #2e6da4;
      background-color: #337ab7;
      color: white;
      cursor: pointer;
      &:hover:enabled { background-color: #286090; border-color: #204d74; };
      &:before { content: "Натисність для входу"; };
    }
  }
}
    Ответ написан
    Комментировать
    Комментировать