Jump to content

AlOshka

Newbie
  • Posts

    11
  • Joined

  • Last visited

Everything posted by AlOshka

  1. Всем привет! Такое дело, есть фидл. В чём его суть. Если нажать на кнопку, чтобы отправить форму, то получим всё как и задумано - сперва сообщение 'click!, затем 'submit!'. Но вот если поставить курсор в тектовое поле и жамкнуть по enter'у, то алерты вылезут те же и в том же порядке! Т.е. по кнопке мы не нажимали, а просто засабмитили форму по enter'у, но jquery всё-равно генерирует событие 'click' для кнопки 'submit'. На хрена он это делает?? Как заставить его не страдать такой фигнёй?
  2. чорд, а ведь и правда.. Спасибо за подсказки! Значит придётся играться с колспанами и их вложенностью :-)
  3. Кстати, это вариант. Только его надо будет отменить для вложенных таблиц. как-то так: td[colspan]{ padding: 0; } td td[colspan] { padding:7px 10px; } В принципе, такой фокус пройдёт) Суровый ты тип, однако) Случайно не из Челябинска? Без обид, но суть сарказма я не уловил. Мож я тупой.. а мож сарказма не было.. ;-) Мож я чего не понимаю..: http://jsfiddle.net/DPWUP/1/
  4. То, что визуально для внутренней таблицы padding удваивается (padding родительской ячейки + padding ячеек вложенной таблицы) Дак в том-то и дело, что отрицательный маргин нужен, чтобы убрать удвоившийся padding. Только в итоге всё-равно на всю ширину таблица не тянется. Вот пример без отрицательного маргина: http://jsfiddle.net/9tKg3/6/
  5. Господа, прошу помощи! Есть таблица в таблице. Итоговая структура этих таблиц будет сложная, поэтому играюсь с рамками и отступами без дополнительных классов и элементов. И так. Ситуация такая. У ячеек таблиц установлен padding, допустим padding:5px 10px. В эту ячейку засовываем таблицу, и надо дать ей 100% ширины родительской ячейки. Плюс надо, чтобы визуально padding'и не удваивались. Для этого используем margin:-5px -10px к вложенной таблице. Но! Таблица тянется на ширину контентной части ячейки, без учёта полей! Для наглядности: http://jsfiddle.net/9tKg3/4/ Там где цифры "4" таблица тянется не до конца :-( Как же её растянуть на всю ширину?
  6. Круто, спасибо! Завтра на работе изучу/потестю :-) Т.е., используя этот набор стилей, все отступы, поля и начальные позиции элементов форм везде будут отображаться одинаково? Сам использую 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. Здравствуйте! Давно интересует такой момент. Вот всегда, пока верстаю, встаёт одна и таже проблема. Добиваюсь практически попиксельного отображения во всех версиях браузеров, включая 7го осла. Но как только дело доходит до форм - всё, пиши пропало. В одном браузере выше, в другом ниже, в третьем - левее, в четвёртом - чекбокс не выравнивается внутри лэйбла и ещё куча-куча разных проблем. Я не знаю, может я такой тупой и уже давно всё придумали, но что-нибудь вроде css-reset для элементов форм в природе не существует? Понятное дело, что особенности есть, и их всё-равно нужно учитывать, но может быть они уже где-то расписаны? В этом вопросе гугл мне не помог :-( P.S. также очень интересует стилизация элементов, хотя бы минимум - текстовые инпуты, чекбоксы, радио..
  8. это естесственно :-) Но по всем законам жанра плавающий блок на то и плавающий, чтобы его по правому краю обтекало.. Ведь по логике, весь простой текст внутри .caption (не обёрнутый ни во что) - инлайновый элемент, как и ссылка, стоящая внутри этого текста. Он не занимает всю свободную ширину, чтобы ссылка с float:right начала обтекать его _после_, а не _до_. Все браузеры это понимают, а ie и здесь отличился :-) Ещё раз спасибо!
  9. Сработало! Вот уж не думал.. Спасибо большое! :-) А, если не секрет, в чём причина такого поведения?
  10. Проблема в том, что ссылка с 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'ами как только не игрался, а эффекта ноль.
  11. Здравствуйте! Встала проблема с 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. Может это типовая проблема? Может у неё уже давно есть решение, а я ещё в каменном веке? :-) Спасибо!
×
×
  • 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