Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Отцентрировать картинку в div / 4 сообщений из 4, страница 1 из 1
29.04.2014, 10:38
    #38628530
CeBePHb1Y
CeBePHb1Y
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Отцентрировать картинку в div
имеется блок l_photo в который помещена ссылка, в ссылке находится картинка в блоке l_users_photo . нужно отцентрировать картинку в блоке l_users_photo , причем, чтобы картинка была полностью в нем и не растягивалась. как сделать?
код шаблона
Код: sql
1.
2.
3.
4.
5.
6.
7.
<div id="l_photo">
   <a href="index.php">
      <div id="l_users_photo">
         <img src="image.jpg" alt="альтернативный текст"/>
      </div>
   </a>
</div>


код стиля
Код: sql
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
#l_photo{
   width:100%;
   height:550px;
   float: left;
}
#l_contain{
   width:50%;
   height:100%;
   float: left;
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.04.2014, 10:42
    #38628538
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Отцентрировать картинку в div
CeBePHb1Y , центрировать по вертикали и горизонтали? Или только по одному какому-то направлению?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.04.2014, 13:47
    #38628835
CeBePHb1Y
CeBePHb1Y
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Отцентрировать картинку в div
чтобы картинка была в центре. если картинка горизонтальная, то впритык по краям div чтобы была, а если вертикальная, то соответственно впритык по вертикали. с сохранением пропорций
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.04.2014, 14:29
    #38628935
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Отцентрировать картинку в div
Пипец описание...

Сунь в див табличку с одной строкой и одной колонкой... В табличку картинку... Табличка тебе все и отчентрует. Как по вертикали, так и по горизонтали.
А размеры уже сам подгоняй тем картинкам.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Отцентрировать картинку в div / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 452ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1447138]:
 0ms
get settings:
 12ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 148ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 45ms
get tp. blocked users:
 1ms
others: 215ms
total:  452ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]