форум общения русскоязычных пользователей CMS Текстпаттерн
Вы не зашли.
Периодически туплю... Вот и сейчас:
есть колонка, которая float:left, в нее вставляю картинку и хочу, чтобы она была по центру этой колонки.
них неполучается
#col1 img {align:center;} - не хочет
Неактивен
#col1 img {margin: 0 auto;}
Неактивен
AngryCAT написал:
#col1 img {margin: 0 auto;}
неа.. непокатило
Вобщем сделал изуверским методом <p align="center"> IMG </p>
Неактивен
#col1 img{margin-left: 50%;padding-left: -50px}
(если ширина картинки 100 пикселов)
Неактивен
Я резюмирую :-)
Все я знаю два метода центрирования:
1) display:block; задать ширину и написать то, что написал AngryCat margin: 0 auto;
2) display:block; left: 50%; margin-left: -[половина ширины картинки]px;
Если же ширина неизвестна, то центрируем как строковый элемент (text-align="center"
Неактивен
warmrobot написал:
Я резюмирую :-)
Все я знаю два метода центрирования:
1) display:block; задать ширину и написать то, что написал AngryCat margin: 0 auto;
2) display:block; left: 50%; margin-left: -[половина ширины картинки]px;
Если же ширина неизвестна, то центрируем как строковый элемент (text-align="center"
Бум пробовать! Всем пасиб!
Неактивен
warmrobot написал:
Если же ширина неизвестна, то центрируем как строковый элемент (text-align="center"
ИМХО, это не кроссбраузерно Есть еще способ -- контейнеру картинки задается display:table-cell и align: center -- это трик, но по стандартам. Заодно можно задать и vertical-align.
Неактивен
glebotr написал:
Заодно можно задать и vertical-align.
О! А вот это уже интересно..
Неактивен