[X] Помощник

[SeredinD Topic Starter]

День добрый. Работаю над оформлением нового блога, заголовок которого намеренно сделан с подчёркиванием. В браузере файрфокс смотрится довольно неплохо, а вот в гугл хром подчёркивание выглядит очень убого, черта совсем маленькая. Можно ли как-то это исправить, установить определённую ширину черты для всех браузеров?
В лисе:
[img]http://s004.radikal.ru/i208/1306/b1/3dbea2bdba4f.png[/img]
Хром:
[img]http://i064.radikal.ru/1306/f6/2586b3e7442e.png[/img]
Мой css код:

#logo {
position: absolute;
top: 23px;
left: 25px;
background: none;
height: 100%;
width: 100%;
}
#logo a {
text-decoration: underline;
font-size: 42px;
color: #547ac0;
line-height: 0.9em;
}
#logo span {
font-size: 16px;
display: block;
margin: 5px 0 0;
text-shadow: none;
line-height: 0.5em;
}

На этом форуме мне неоднократно помогали, надеюсь и на этот раз получить дельные советы.

[oKeey]

Попрбуйте 3 варианта:
1

#logo {
position: absolute;
top: 23px;
left: 25px;
background: none;
height: 100%;
width: 100%;
}
#logo a {
text-decoration: underline;
font-size: 42px;
color: #547ac0;
line-height: 2em;
}
#logo span {
font-size: 16px;
display: block;
margin: 5px 0 0;
text-shadow: none;
line-height: 2em;
}

2.

#logo {
position: absolute;
top: 23px;
left: 25px;
background: none;
height: 100%;
width: 100%;
}
#logo a {
text-decoration: underline;
font-size: 42px;
color: #547ac0;
line-height: 0.9em;
}
#logo span {
font-size: 16px;
display: block;
margin: 5px 0 0;
text-shadow: none;
line-height: 2em;
}

3.

#logo {
position: absolute;
top: 23px;
left: 25px;
background: none;
height: 100%;
width: 100%;
}
#logo a {
text-decoration: underline;
font-size: 42px;
color: #547ac0;
line-height: 2em;
}
#logo span {
font-size: 16px;
display: block;
margin: 5px 0 0;
text-shadow: none;
line-height: 0.5em;
}

[SeredinD Topic Starter]

Спасибо большое. Опробую отпишусь. Если будут подходить несколько вариантов - какой приоритетнее выбирать?

[oKeey]

я думаю второй, если будет подходить. Смотри все главное, чтоб что-нидуь не попортил
ну сам посмотришь

от + не откажусь

[SeredinD Topic Starter]

Поробовал второй способ - в гугл хром ничего не изменилось, только везде ещё и описание вниз отъехало, а этого не хотелось. Первым и третьим способами вообще всё поломалось( Вернул свой исходный код, решение проблемы не найдено.

[isvetlichniy]

все дело в высоте строчки line-height
пробуй вот это, должно работать

#logo {
position: absolute;
top: 23px;
left: 25px;
background: none;
height: 100%;
width: 100%;
}
#logo a {
text-decoration: underline;
font-size: 42px;
color: #547ac0;
line-height: 1.3;
}
#logo span {
font-size: 16px;
display: block;
margin: 5px 0 0;
text-shadow: none;
line-height: 1.3;
}

[yury_mw]

Как-то так:

#logo {
position: absolute;
top: 23px;
left: 25px;
background: none;
  overflow: hidden;
  zoom: 1;
}
#logo a {
  float: left;
  text-decoration: none;
font-size: 42px;
  line-height: 46px;
color: #547ac0;
  border-bottom: 3px solid #547ac0;
}
#logo span {
font-size: 16px;
display: block;
text-shadow: none;
}

Суть в замене подчеркивания на нижнюю границу нужной толщины.

[isvetlichniy]

поиграйся с line-height, значение не должно быть меньше еденицы

[SeredinD Topic Starter]

Спасибо огромное ВСЕМ ВСЕМ. Сейчас буду пробовать все способы, но плюсую в любом случае всех, которые желали помочь ;)

yury, Спасибо большое. Можете чуть подкорректировать, чтобы и заголовок и описание были поближе к этой черте?

[oKeey]

Как вижу ты уже сделал молодец