AlOshka
Newbie-
Posts
11 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by AlOshka
-
jQuery на событие submit формы генерирует событие клик для submit
AlOshka posted a question in HTML Coding
Всем привет! Такое дело, есть фидл. В чём его суть. Если нажать на кнопку, чтобы отправить форму, то получим всё как и задумано - сперва сообщение 'click!, затем 'submit!'. Но вот если поставить курсор в тектовое поле и жамкнуть по enter'у, то алерты вылезут те же и в том же порядке! Т.е. по кнопке мы не нажимали, а просто засабмитили форму по enter'у, но jquery всё-равно генерирует событие 'click' для кнопки 'submit'. На хрена он это делает?? Как заставить его не страдать такой фигнёй? -
чорд, а ведь и правда.. Спасибо за подсказки! Значит придётся играться с колспанами и их вложенностью :-)
-
Кстати, это вариант. Только его надо будет отменить для вложенных таблиц. как-то так: td[colspan]{ padding: 0; } td td[colspan] { padding:7px 10px; } В принципе, такой фокус пройдёт) Суровый ты тип, однако) Случайно не из Челябинска? Без обид, но суть сарказма я не уловил. Мож я тупой.. а мож сарказма не было.. ;-) Мож я чего не понимаю..: http://jsfiddle.net/DPWUP/1/
-
То, что визуально для внутренней таблицы padding удваивается (padding родительской ячейки + padding ячеек вложенной таблицы) Дак в том-то и дело, что отрицательный маргин нужен, чтобы убрать удвоившийся padding. Только в итоге всё-равно на всю ширину таблица не тянется. Вот пример без отрицательного маргина: http://jsfiddle.net/9tKg3/6/
-
Господа, прошу помощи! Есть таблица в таблице. Итоговая структура этих таблиц будет сложная, поэтому играюсь с рамками и отступами без дополнительных классов и элементов. И так. Ситуация такая. У ячеек таблиц установлен padding, допустим padding:5px 10px. В эту ячейку засовываем таблицу, и надо дать ей 100% ширины родительской ячейки. Плюс надо, чтобы визуально padding'и не удваивались. Для этого используем margin:-5px -10px к вложенной таблице. Но! Таблица тянется на ширину контентной части ячейки, без учёта полей! Для наглядности: http://jsfiddle.net/9tKg3/4/ Там где цифры "4" таблица тянется не до конца :-( Как же её растянуть на всю ширину?
-
Круто, спасибо! Завтра на работе изучу/потестю :-) Т.е., используя этот набор стилей, все отступы, поля и начальные позиции элементов форм везде будут отображаться одинаково? Сам использую reset от html5 boilerplate, немного допиленный, но вот такого reset'a для форм у них нету. Кстати, вдогонку вопрос один вспомнил.. Вот допустим у нас есть такой элемент: <label><input type="checkbox" name="name" />Это большая надпись к чекбоксу</label> label { font:25px/30px Tahoma; } input[type=checkbox] { vertical-align:middle; } На сколько я помню, стандартная высота чекбокса равна 13px или в районе того. А вот как его (чекбокс) расположить вертикально по центру, не прибегая к маргинам или игрой подобной конструкцией: margin-top:-7px; top:50%, position:relative; ? Понятное дело, vertical-align:middle не работает, но как, чтобы не подстраивать каждый отдельный инпут к каждому конкретному лэйблу или любому другому родительскому элементу, задать ему точное положение по центру родителя? У меня пока решений нету..
-
Здравствуйте! Давно интересует такой момент. Вот всегда, пока верстаю, встаёт одна и таже проблема. Добиваюсь практически попиксельного отображения во всех версиях браузеров, включая 7го осла. Но как только дело доходит до форм - всё, пиши пропало. В одном браузере выше, в другом ниже, в третьем - левее, в четвёртом - чекбокс не выравнивается внутри лэйбла и ещё куча-куча разных проблем. Я не знаю, может я такой тупой и уже давно всё придумали, но что-нибудь вроде css-reset для элементов форм в природе не существует? Понятное дело, что особенности есть, и их всё-равно нужно учитывать, но может быть они уже где-то расписаны? В этом вопросе гугл мне не помог :-( P.S. также очень интересует стилизация элементов, хотя бы минимум - текстовые инпуты, чекбоксы, радио..
-
это естесственно :-) Но по всем законам жанра плавающий блок на то и плавающий, чтобы его по правому краю обтекало.. Ведь по логике, весь простой текст внутри .caption (не обёрнутый ни во что) - инлайновый элемент, как и ссылка, стоящая внутри этого текста. Он не занимает всю свободную ширину, чтобы ссылка с float:right начала обтекать его _после_, а не _до_. Все браузеры это понимают, а ie и здесь отличился :-) Ещё раз спасибо!
-
Сработало! Вот уж не думал.. Спасибо большое! :-) А, если не секрет, в чём причина такого поведения?
-
Проблема в том, что ссылка с float:right в ie7 визуально уехала под родительский блок: Если float не указывать, то ссылка уже визуально окажется в родительском контейнере, но (естественно) не там где надо.. В остальных браузерах всё нормально (самый 1й скриншот 1го поста). <div style="clear:both"> </div>не помогло. Возвращение в поток делает родительский блок выше на высоту ссылки, но саму ссылку на место не возвращает. Т.е. если .caption'у задать overflow:hidden и убрать фиксированную высоту: .caption { color: #0B0B0B; font: 18px/22px Arial,Tahoma,Verdana,sans-serif; overflow:hidden; } то этот блок просто растянется в высоту, а ссылка всё-равно будет ниже базовой линии :-( Я уже position:relative и zoom'ами как только не игрался, а эффекта ноль.
-
Здравствуйте! Встала проблема с 7м осликом.. Уже не первый раз сталкиваюсь с таким моментом. Есть простой код: <div class="caption"> Отзывы <a href="#">Все (232)</a> </div> со стилями: .caption { color: #0B0B0B; font: 18px/22px Arial,Tahoma,Verdana,sans-serif; height: 26px; } a { float: right; font: 14px/18px Arial,Tahoma,Verdana; } Так вот, везде всё нормально: кроме ie7 (синим выделен контейнер .caption в "средствах разработчика"): Просьба, помогите разобраться! Сталкиваюсь с таким далеко не впервые, побороть так и не смог. Приходилось для ослика отказываться от float'a. Может это типовая проблема? Может у неё уже давно есть решение, а я ещё в каменном веке? :-) Спасибо!