Перейти к содержимому



Текст заголовка не на одном уровне. Как исправить?

#1 Power

Power
  • Пользователь
  • 24 сообщений
  • Репутация: 0
0

Отправлено 29 Июль 2013 - 20:21

Сверстал шаблон и заметил,что в Firefox текст заголовка на 1 пиксель ниже,чем в других браузерах. (см. скрин)
Как это исправить?

HTML:
<h3>
   <span>Archives</span>
</h3>

CSS:
@import url(reset.css);

body {
font: 14px/1.5 Arial;
background: url("../images/body-bg.jpg");
}

h3 {
background: url("../images/sidebar-title.png") repeat-x 0 8px;
color: #656565;
font-size: 14px;
font-weight: bold;
margin-top: 30px;
padding-left: 20px;
text-transform: uppercase;
}

h3 span {
background: url("../images/body-bg.jpg") repeat-x;
padding: 0 7px;
}

Прикрепленные изображения

  • Без-имени-3.png

 

 

  • 0

#2 isvetlichniy

isvetlichniy
  • Пользователь
  • 619 сообщений
  • Репутация: 93

Отправлено 29 Июль 2013 - 22:14

попробуй установить line-height = 1 или line-height = равно размер шрифта, например line-height = 14px
для элементов h3, span
  • 0


Оформление форума – IPBSkins.ru