2 июля 2009 в 21:38
У меня возникла проблема. На сайте http://www.alphamovie.ru/ над которым я работаю, не могу сделать добавление двух картинок по центру так, чтобы они были на одному уровне, обязательно получается перенос. Уже всё перепробовал, перечитал кучу материала по CSS, но не могу найти выход.
К каждой картинке добавляется класс class="aligncenter", в стилях он прописан как:
img.aligncenter {
float: none;
display: block;
margin: 0 auto;
}
float: none;
display: block;
margin: 0 auto;
}
В итоге картинка становится по центру. Это отлично. Но если сразу после неё добавить ещё одну с такими же параметрами, хочу, чтобы они были рядом, одна за другой, то вторая переносится на новую строку и они становятся столбиком.
Пожалуйста, помогите, объясните как прописать стиль картинкам, чтобы они становились в ряд, если я не переношу строку, а ставлю их одна за другой.
Комментарии
Ну дык, вполне логично, что они переносятся.
Чтобы картинки центрировались и становились в ряд, можно попробовать взять div, к нему применить aligncenter (без display: block;) , а уже вовнутрь div вставить картинки.
Будет что-то вроде
<img />
<img />
</div>
Чтобы применить дивы, их нужно разрешить на сайте, а это опасно в плане того, что новички будут их использовать криво искажая дизайн сайта, поэтому дивы закрыты, как и таблицы и другие подобные теги. Сделать бы это через обычные стили как-то...