Ошибка Chrome CSS: элементы изображения не отображаются

Question

У меня проблема с CSS в Chrome (сборка: 17.0.9) с элементом изображения, который не отображается.Пожалуйста, взгляните на эту ссылку: http://next.lab501.ro/smartphone/nokia-n9-meego-to-go/3

В верхней правой части основного текста вы увидите список страниц с двумя стрелками изображений, которые действуют как следующие и предыдущие ссылки.В Chrome появляется только стрелка следующего изображения.

В любом другом браузере (Firefox, IE9) все отображается нормально.Что я делаю не так?

Answer 1

Если вы установите float:left в элементе .prev, он появится, но вам нужно опустить правый отступ, чтобы он приблизился к числам.

Answer 2

В http://next.lab501.ro/wp-content/themes/new-theme/style.css, написано:

.prev {
background: url(img/nav-left.png) no-repeat scroll 0 0 transparent;
padding: 3px 12px 5px;
margin-right: 2px;
width: 23px;
height: 22px;
}

Добавьте float: left; в конце этого. Я бы также изменил отступ справа, чтобы приблизить его к цифрам. Я изменил его на 0 в этом случае. Код теперь выглядит так:

.prev {
background: url(img/nav-left.png) no-repeat scroll 0 0 transparent;
padding: 3px 0 5px;
margin-right: 2px;
width: 23px;
height: 22px;
float: left;
}

Answer 3

Вы должны дать .prev - float left [это автоматически сделает блок элемента]. является встроенным элементом -> ширина, высота, отступы [top, bottom], margin [top, bottom] и т. д. не будут применены, если это не элемент уровня блока.