|
Странное отображение шрифта и отступовОбсуждение темы Странное отображение шрифта и отступов в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Пишу окно авторизации, проверяю в Firefox, все нормально. Решил проверить в Опере, и тут на тебе. Verdana странно отображается и отступы странно отображаются. ... |
|
Опции темы |
06.09.2014, 14:08 | #1 |
|
Пишу окно авторизации, проверяю в Firefox, все нормально. Решил проверить в Опере, и тут на тебе. Verdana странно отображается и отступы странно отображаются.
Код:
<div id="auth"> <table> <tr><td><p>Авторизация</p></td></tr> <tr><td><input type="text" placeholder="Почта"></td></tr> <tr><td><input type="text" placeholder="Пароль"></td></tr> <tr><td><input type="Submit" value="Войти"> <a href="">Забыли пароль?</a></td></tr> <tr><td id="reglink"><a href="">Регистрация</a></td></tr> </table> </div> Код:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; font: 12px verdana; margin: 0px; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } Код:
#auth { margin: 30px; width: 200px; height: auto; background-color: #f3f3f3; } #auth p { padding: 5px 10px; background-color: #f3f3f3; color: #3f3f3f; } #auth input[type=text] { width: 200px; background-color: #FFF; border: 0px; padding: 5px; color: #2a2a2a; box-sizing: border-box; } #auth input[type=submit] { background-color: #aabf7c; color: #FFF; border: 0px; border-radius: 2px; padding: 2px 5px; } #auth input+a { color: #5c7ca1; text-decoration: none; } #auth input+a:hover { text-decoration: underline; } td#reglink { text-align: center; padding: 5px 0; background-color: #FFF; } Последний раз редактировалось Nixtone; 06.09.2014 в 14:15.. |
|
24.11.2014, 17:21 | #2 |
|
Что значит verdana, странно отображается?
|
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
FireFox показывает странное!!! | maxefect | HTML, CSS, JavaScript | 10 | 26.12.2011 23:44 |
размер шрифта | nikolai | HTML, CSS, JavaScript | 6 | 25.02.2010 02:15 |
размер шрифта в css | Xook | HTML, CSS, JavaScript | 2 | 03.09.2008 22:21 |
Поиск шрифта | MasMaX | HTML, CSS, JavaScript | 4 | 17.04.2006 09:53 |
Стиль шрифта | Brassika | HTML, CSS, JavaScript | 1 | 06.10.2005 02:57 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|