![FireFox и вертикальное выравнивание текста в input[submit]](https://dimox.name/wp-content/themes/dimox.name/cache/ed/2cec112e5b43aed_150x100.png)
Либо я плохо искал, либо проблема только у меня и я чего-то не знаю (в чем сомневаюсь), но в Интернете по сабжу ничего не нашел. Поэтому данный пост - это вопрос к читателям. При верстке форм я давно наблюдаю следующую проблемную ситуацию: независимо от версии ...
Данный пост основан на переводе интересной англоязычной статьи «10 Fixes That Solve IE6 Problems». Информация, изложенная ниже, будет полезна как начинающим верстальщикам, там и бывалым. Зеленым цветом я пометил пункты, содержимое которых полностью ...
Как вы уже могли заметить, страницы моего блога некоторое время назад стали «резиновыми». Довольно нетривиальная для меня, скажу я вам, ситуация, с которой, на мой взгляд, я справился лишь на четверку. Поэтому пишу данный пост с целью ...
Однажды я верстал страницу, на которой присутствовало текстовое поле поисковой формы. Ее особенность состояла в том, что фон был темно-серого цвета (с текстом белого цвета), с чем я встретился впервые за всю свою практику. И я с удивлением обнаружил, что ...
Сколько себя помню, во время верстки я не особо любил использовать тег <hr />, выводящий горизонтальную линию, по причине того, что в браузере Internet Explorer по сравнению с другими современными браузерами отступы (CSS-свойство margin) отличаются. Не знаю, почему ...
Комментарии (67)
Вообще говоря, это в reset. css должно лежать:
:-moz-focus-inner { border: 0; padding: 0; }
равно как и много чего другого.
Правда, автор на валидность жаловался ;)
Dimox, а вы сами создаете дизайн в фотошопе или только верстаете?
Только верстаю.
обязательно ли верстальщику знать javascript? или достаточно css html? многие девелоперы используют jquery, начала читать книгу дэвида флэнагана и ничегошеньки представьте себе не понимаю, буду рада за любой ответ
Очень желательно, почти обязательно.
И еще знания РНР не помшают
Лично мне достаточно знаний CSS и HTML, чтобы выполнять заказы. В JavaScript я практически не разбираюсь, а в jQuery разбираюсь, но использую его только для решения своих задач.
Я тоже не особо разбираюсь в javascript, но азы знаю и с jQuery дружу. Без этих знаний нельзя сделать что-либо современное
здесь с предполагаю для идентичности во всех браузерах можно использовать пользовательские input="submit", input="button" обернуть его тегом span ну и фоном, кстати Dimox может напишете статью про пользовательские элементы формы?
А что про них написать?
input[type='submit']:-moz-focus-inner{padding:0;border:0}
добавить в строках где обнуляете цсс, и можно забыть сразу о баге
Alex уже 3 раза ответили подобным способом, Вы не читали предыдущие комменты?
Решил проблему использованием
<a href="" rel="nofollow">Отправить</a>$(document).ready (function (){$(«#submit»).click (function (event){event.preventDefault ();$('#form_id').submit ();});});Как-то так.
Мне помогло только «padding-bottom: 2px;» для сабмита (именно 2 пикселя почему-то)
Делал идентичное оформление для сабмита и ссылки.
Все остальные методы, найденные в инете не канают.
Решение Alex’а не помогло.
Помогло такое:
@-moz-document url-prefix () {
.style {padding: 0 0 2px 0;}
}
У меня лечится этим
-moz-box-sizing: content-box;
Заменяю input на button и вставляю в него span, который делаю блоком, по высоте и ширине равный button’у.
Сохранить
button {
height: 26px;
}
button span {
display: block;
height: 26px;
line-height: 26px;
}
попробуйте все выровнять относительно верха
vertical-align: top;