Обычно div с изображением выравниваю так:
<div class="image"><img...></div>
.image{
text-align:center;
}
Но вот проблема.
Есть пустой div.
<div class="rollover"></div>
И его стиль:
.rollover {
width: 100px;
height: 100px;
overflow:hidden;
background-image:url(../img/img.png);
background-position: top left;
background-repeat:no-repeat;
}
.rollover:hover {
background-position: -30px;
}
Т.е. обыкновенный rollover.
Так вот этот пустой див никак не получается выровнять по правому краю.
По левому не сложно выровнять - ничего делать не надо, он и так там.
Пытался margin'ами, но если вдруг основной коэффициент на размер шрифта будет поменян, то кнопка будет чёрти-где.
Помогите, пожалуйста.
Спустя 2 часа, 16 минут, 40 секунд (18.04.2010 - 00:19) Self написал(а):
float: right;
Спустя 8 часов, 22 минуты, 29 секунд (18.04.2010 - 08:41) userguest написал(а):
Да, так и сделал. Спасибо.
Но для этого случая есть небольшая неприятность.
Поле для содержимого, в котором находится кнопка, не учитывает ее размеров и она выходит за ее границы. Приходится тегами <br> это поле увеличивать. Но в этом случае нельзя регулировать величину отступа от кнопки до низа блока (оно равно отступу, который привносит тег <br>) и получается, что расстояние от кнопки до следующего блока отличается от расстояния до предыдущего. А это чревато тем, что придется изменять уже заданные отступы для других элементов.
Может быть есть другой способ выравнивания по горизонтали?
Но для этого случая есть небольшая неприятность.
Поле для содержимого, в котором находится кнопка, не учитывает ее размеров и она выходит за ее границы. Приходится тегами <br> это поле увеличивать. Но в этом случае нельзя регулировать величину отступа от кнопки до низа блока (оно равно отступу, который привносит тег <br>) и получается, что расстояние от кнопки до следующего блока отличается от расстояния до предыдущего. А это чревато тем, что придется изменять уже заданные отступы для других элементов.
Может быть есть другой способ выравнивания по горизонтали?