С ротейшеном в хроме прикол:) вернее всем. Видно как картинка кореженная пока не загрузилась

В сафари да - блок отсекается (репейное происходит блоками)

bbbbbingo

А чем тебе момент.жс не понравился?

Салам господа

У меня тут такой вопросетский возник

Когда у input меняешь размер шрифта, он то вниз то в верх уползает

Как это изменить?

Наверн делать его с фиксированной высотой

Высота фиксирована

Код в студию

Попробуй line-height сделать со значением, равным высоте инпута (без учета бордера), возможно поможет.

Тут такая схема пздц, есть инпут, у него плесхолдер, на js есть функция если кнопка нажата и инпуты пустые, то к инпуту добавляется атрибут title где написано "поле не может быть пустым" и у это надписи шрифт 12, а у плейхолдера должен быть 15

function get_captcha_val(id){
   var captchaval;

      $.ajax({
                    type: "POST",
                    url: "/ajax/get_captcha_val.php",
                    data: "id="+id,
                    dataType: 'json',
                    async: false,
                    success: function(data){
                        captchaval = data["value"];

                    }
          });


   return captchaval;
}

//изменение текущего значения капчи
function captcha_new_val(id){
   var captchaval;

      $.ajax({
        type: "POST",
        url: "/ajax/captcha_new_val.php",
        data: "id="+id,

        async: false,
        success: function(data){
            captchaval = data;

        }
      });


   return captchaval;
}

//проверка значений формы на пустые поля
function notnull(form){
   var return_val = true;

   $("#" + form + " .notnull").each(function(){
       if (trim(this.value) == "" && !$(this).attr("disabled")) {
           return_val = false;
           $(this).addClass("field_error");
           $("#" + form + " #"+ this.id + "_info").css("visibility", "visible");
           $("#" + form + " #"+ this.id + "_info").append("<span class=\"field_error_item\">Это поле не может быть пустым!</span>");
       }

      });

   return return_val;
}

//проверка значений формы на пустые поля
function radio_notnull(form){
   var return_val = true;

   $("#" + form + " .radio_notnull").each(function(){

       var thisname = $("#"+this.id + " input[type=radio], #"+this.id + " input[type=checkbox]").attr("name");

       if ($("#"+form+ " #" + this.id + " input[name='"+thisname+"']:checked").length == 0) {
           return_val = false;
           $("#"+this.id + " input[type=radio], #"+this.id + " input[type=checkbox]").addClass("field_error");
           $("#" + form + " #"+ this.id.replace("_parent", "") + "_info").css("visibility", "visible");
           $("#" + form + " #"+ this.id.replace("_parent", "") + "_info").append("<span class=\"field_error_item\">Выберите вариант ответа!</span>");
       }

      });



   return return_val;
}


function notnull_multiple(form){
   var return_val = true;

   $("#" + form + " .notnull_multiple").each(function(){
       if (trim(this.value) == "" && !$(this).attr("disabled")) {
           return_val = false;
           $(this).addClass("field_error");
           $("#" + form + " #"+ this.id + "_info").css("visibility", "visible");
           $("#" + form + " #"+ this.id + "_info").append("<span class=\"field_error_item\">Это поле не может быть пустым!</span>");
       }

      });


   return return_val;
}

Вот такая вот вещь, кстати когда поля float: left Всё ок

А как для спана реализованы внутренние отступы (padding)?
<span class="box">Sample</span>
если добавить код

.box {
    padding: 4px;
    background-color: lightgray;
}

то рамка внутри спана не уменьшается, а наоборот расширяется. То, что конкретно и отчего отступает здесь? Сам текст от его границ? И почему не вовнутрь а наружу?

.box {
    padding: 4px;
    background-color: lightgray;
}

box-sizing: border-box

.box {
    padding: 4px;
    background-color: lightgray;
}

у span дисплей inline по умолчанию

У менго отступы не ставятся, поставь ему дисплей блок

Почему маргены не объединяются ?  Какие то исключения существуют ?