Проблема в опере

[Tsybin]

Здравствуйте форумчане. Не могу понять, почему в опере наблюдается следующий глюк. Кнопка "читать далее", она же ссылка, при переносе на новую строку на несколько пикселей слева обрезается. Во всех остальных браузерах, ie, мозилле и сафари все отлично!

Вот css:

Блок новостей:

.news {

width: 940px;

margin: 20px auto;

}

.newsbox {

float: left;

width:400px;

height:160px;

margin: 13px 5px 5px 30px;

overflow: hidden;

}

.newsbox img {

width:100px;

height: 100px;

float: left;

margin: 20px 10px;

display: inline;

}

.newsbox h8 {

text-shadow: 1px 1px 3px #ddd;

font-family: 'Arial';

font-size: 14px;

display: block;

padding-top: 10px;

text-align: left;

}

Кнопка читать-дальше:

.read-more {

background: #EEEEEE;

border: 1px solid #C5C7C8;

border-radius: 5px;

box-shadow: 0 0 3px 0 #C5C7C8;

padding: 3px;

margin: 2px;

}

Есть мнения?

[USF]

h8

[Tsybin]

ну да, еще бывает и h15 можно сделать! Восемь - любимое число, чего поделаешь...

[DownHouse]

ну да, еще бывает и h15 можно сделать! Восемь - любимое число, чего поделаешь...

И как к этому относятся браузеры?

а по теме: поставь display:inline-block; у ссылки, чтобы паддинги и маржины нормально работали.

[hedgehog]

Похоже что в опере нет отступа слева, поэтому тень режется overflow

[Tsybin]

Всем спасибо. Действительно, как и говорил downhouse помогло display: inline-block! Все остальные браузеры и без него понимали все эти паддинги и маржины.

А на счет того, можно ли присваивать h8 или например hochusamku283192483, то на сколько я знаю новым браузерам судя по всему все равно как называется тэг, даже если его и нет в природе, то нужно лишь задать ему параметры отображение в стиле, который браузер и покажет. Ясное дело, что все это не валидно и если указать тэк h8 это не озачает "заголовок" со всеми характеристиками этого тэга (h) по умолчанию. А вот старые версии, того же ie такие ухищрения не обрабатываются...

Нет, ну разве не прикольно самому создавать тэги? Например: <popa>Лучшее предложение!</popa>! Осталось лишь указать в css его стиль и все готово, можно переходить на ссылку валидатора, ну и в случае если кто-то захочет посмотреть Html код страницы, то он будет весьма удивлен!!!

[USF]