Где это дополнительное пространство?

Мои Codepen: http://codepen.io/leongaban/pen/aFJfs Где это дополнительное пространство?

Это что-то делать с .email-tip-icon и tip-message, потому что, когда я комментировал их разнесение уходит. Каждый из них, кажется, добавить больше расстояния ... Тем не менее у меня есть оба margin и padding набор для 0

Дополнительное расстояние находится между электронной поле ввода и поле ввода первое имя

enter image description here

источник

2013-06-07 Leon Gaban

Ваш codepen пустым. – karthikr

http://codepen.io/seraphzz/pen/AyvgG –

Попробуйте сделать их положение абсолютным и соответствующим образом обновить. это должно работать:

#register-form .email-tip-icon, #register-form .password-tip-icon { 
    position: absolute; 
    width: 30px; 
    padding: 0; 
    margin: 0; 
    left: 340px; 
    z-index: 2; 
    clear: both; 
    background: red; 
    top: 20px; 
    } 
    #register-form .tip-message { 
    position: absolute; 
    padding: 0; 
    margin: 0; 
    left: 374px; 
    width: auto; 
    height: auto; 
    text-indent: 10px; 
    background: url(http://leongaban.com/_projects/whoat/_HTML/img/gray-tip-triangle.png) no-repeat; 
    z-index: 2; 
    top: 25px; 
    }

источник

2013-06-07 20:04:53 Mark

Правильно, элементы, которые расположены относительно по-прежнему, занимают пространство, из которого они возникли. – cimmanon

Спасибо! Это фактически привело меня к реальной проблеме, и я до сих пор не знаю, почему это проблема. В любом случае, мое сообщение для подсказки должно было иметь абсолютную позицию, я полагаю, что позиция относительная добавляет, что невидимое пространство где-то –

-1

Я понятия не имею, где это происходит от, но здесь это легко исправить:

#register-email{ 
    margin-bottom:-10px !important; 
} 
#register-firstname{ 
    margin-top:-40px !important 
}

http://codepen.io/seraphzz/pen/AyvgG

источник

2013-06-07 20:04:56

Ух, да, это исправление моей проблемы, можете ли вы взглянуть на это? Я скорректировал свою форму с помощью исправления (слегка изменил число), затем я скрою первое сообщение «tip message», сообщение подсказки действительно появляется, когда вы наводите курсор на вопрос. Теперь, когда я помещаю дисплей: ни один из сообщений подсказки, мой интервал не верен, но правильный, как только подсказка появляется при опрокидывании. Вопрос с коробкой? http://leongaban.com/_projects/whoat/_HTML/login/test.html –

@Leon Я вижу это. Проблема заключается в этом всплывающем окне. Могу ли я предложить вам использовать функцию '.tooltip()' jQuery', если вы уже используете библиотеку в своем коде? ---------------------- Не могли ли ваши спутники выразить себя? –

Вы произвольно изменяете поля, не понимая, что вызывает проблему в первую очередь. См. Ответ Марка, был элемент, который был относительно позиционирован, все еще занимая свое первоначальное пространство. – cimmanon

Где это дополнительное пространство?

ответ

Смежные вопросы