Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Разместить картинку по центру <div>

Сообщения:  [1-2] 

 
 автор: PAT   (20.02.2009 в 03:21)   письмо автору
 
   для: Бамси   (20.02.2009 в 02:48)
 

Заменяйте DIV на TH и не парьтесь:
<style>
#image_preview {
width: 94px;
height: 94px;
border: 1px solid #D4D0C8;
}
</style>

<table cellpadding="0" cellspacing="0"><tr><th id="image_preview"><img src="kartinka.jpg"></th></tr></table>
Всегда всё будет по центру.

  Ответить  
 
 автор: Бамси   (20.02.2009 в 02:48)   письмо автору
 
 

блок имеет стандартные размеры 94 на 94.
В нем может быть картинка 94 на 94. Естественно ширина и высота будут не всегда одинаковы, но одно из них всегда будет 94, что бы упиралась в края дива.
Вообщем нужно сделать аля "Вид -> Эскизы страниц" как в Windows.

Как сделать так, что бы независимо от размеров картинки, она всегда было по центру дива.
Т.е. если по ширине 94 то выравнивается по вертикале. Если 94 по высоты то выравнивается по горизонталь.

Собственно это <div>

#image_preview {
width: 94px;
height: 94px;
border: 1px solid #D4D0C8;
padding: 0px;
}

<div id="image_preview"><img src="kartinka.jpg"></div>

  Ответить  

Сообщения:  [1-2] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования