Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Фото разных размеров, как сделать через css, все одинаковые размеры ??

Фото разных размеров, как сделать через css, все одинаковые размеры ??

vlits 31.12.2013 Все вопросы » Общие вопросы по вёрстке 10390

вопрос

Первая картинка, фото разных размеров.

Фото разных размеров, как сделать через css, все одинаковые размеры ??

Вторая каартинка, через css можно как то сделать, что бы показыалась не вся фотка, а что бы показывалось определнная область фото, заданная по width и height.

а та часть что прозрачная css прячит и все.

Кто понял, и может мне подсказать как это реализовать.

Ответа пока нет

17 комментариев

Юзер

psarovskiy - 2013-12-3131 декабря 2013 14:09 - #20732

через css никак
через css фото либо растягивать либо сжимать до размеров родителя, обрезая и скрывая то, что выходит за пределы

PHP-developer

2583

vitnet - 2013-12-3131 декабря 2013 14:19 - #20733

max-width: ширина;
max-height: высота;
overlow: hidden;

http://htmlbook.ru/css/overflow

Юзер

108

vlits - 2013-12-3131 декабря 2013 15:38 - #20737

vitnet,

а как правильно сделать ?

я сделал так:

.apartfotofull img {
overlow: hidden;
max-width: 383px;
max-height: 250px;
}

Юзер

108

vlits - 2013-12-3131 декабря 2013 15:39 - #20738

он так не вырезает ! как я хотел
он просто выровнял картинки по height под 250

Юзер

108

vlits - 2013-12-3131 декабря 2013 15:41 - #20739

вышло так

PHP-developer

2583

vitnet - 2013-12-3131 декабря 2013 20:56 - #20756

Что-то вроде получилось http://jsfiddle.net/rEdVQ/38/

Юзер

108

vlits - 2013-12-3131 декабря 2013 15:45 - #20741

psarovskiy,
можно сделать, я делал, но не помню как.

Юзер

Dr.Parlament - 2013-12-3131 декабря 2013 16:04 - #20747

Вам может помочь файлик по имени timthumb.php.

Юзер

108

vlits - 2013-12-3131 декабря 2013 15:49 - #20742

я попробовал так:
html
<a href="#"><img class="apartfotofull1" src="34390.jpg" /></a>
<a href="#"><img class="apartfotofull1" src="13.jpg" /></a>
<a href="#"><img class="apartfotofull1" src="34390.jpg" /></a>
<a href="#"><img class="apartfotofull1" src="34390.jpg" /></a>
<a href="#"><img class="apartfotofull1" src="34390.jpg" /></a>
<a href="#"><img class="apartfotofull1" src="34390.jpg" /></a>

css
.apartfotofull1 {
width: 383px;
height: 250px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-html-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border: 1px solid #FFDDEF;
}

.apartfotofull1 img {
margin: 10px;
overflow: hidden;
max-width: 500px;
max-height: 500px;
}

Юзер

108

vlits - 2013-12-3131 декабря 2013 15:49 - #20743

так он растягивает :(

Юзер

108

vlits - 2013-12-3131 декабря 2013 16:07 - #20748

Цитата: Dr.Parlament

timthumb.php.

что это и для чего ?

Юзер

psarovskiy - 2013-12-3131 декабря 2013 18:31 - #20750

http://zavrab.com/kak-delat-kartinki-neobxodimogo-razmera-v-dle/

Юзер

neadekvad - 2013-12-311 января 2014 01:01 - #20761

https://code.google.com/p/timthumb/ + доп поле самый оптимальный вариант

<img src=".../timthumb.php?src=[xfvalue_доп_поле]&amp;h=размер&amp;w=размер&amp;zc=1" alt="{title}" title="{title}"/>

если я ничего не путаю конечно :)

Юзер

108

vlits - 2013-12-313 января 2014 06:31 - #20802

путаешь )

Юзер

108

vlits - 2013-12-313 января 2014 06:33 - #20803

зачем что то ставить и портить фото, http://zavrab.com/kak-delat-kartinki-neobxodimogo-razmera-v-dle/
это то же байда...

Юзер

108

vlits - 2013-12-313 января 2014 08:18 - #20804

вариант с центрованием
.apartfoto {
width: 366px;
height: 250px;
overflow: hidden;
border: 1px solid #FFDDEF;
margin: 10px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-html-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.apartfoto img {
top: 50%;
margin-top: -100px;
left: 50%;
margin-left: -100px;
max-width: 500px;
max-height: 500px;
}

Юзер

108

vlits - 2013-12-316 января 2014 13:39 - #20992

кто еще какие варианты знает ?
что бы показывалась фотка по центру

TeraMoune | Нужо доработать плагин связанных новосте ... ¹

TeraMoune
Нужо доработать плагин связанных новостей
Сегодня, 13:40

Пишите в телеграм посмотрим
non-stop | Как решить проблему индексации DLE в пои ... ⁴

non-stop
Как решить проблему индексации DLE в поиске Bing?
Сегодня, 08:43

Проверил также количество страниц в поиске BING
site:adressayta.com

в поиске всего 3 страницы
Sitemap как ни пытался скормить - не выходит. выдает ошибку
Неприемлемая карта сайта
Невозможно получить URL-адреса с карты сайта

Мне кажется что причина в файле .httaccess
тк при попытке скармливания постранично - выдает ошибку перенаправления
URL перенаправления цели:https://........ ./index.php?do=static&page=406.&seourl=406.
Sud3n | Как решить проблему индексации DLE в пои ... ⁴

Sud3n
Как решить проблему индексации DLE в поиске Bing?
Вчера, 20:44

Ошибка, если посмотреть есть ли страничка в индексе
Но версия DLE у меня старая, сомневаюсь, что дело в версии
Sud3n | Как решить проблему индексации DLE в пои ... ⁴

Sud3n
Как решить проблему индексации DLE в поиске Bing?
Вчера, 20:42

У меня почему-то Bing вообще не индексирует сайт после добавления в Вебмастер
non-stop | Как решить проблему индексации DLE в пои ... ⁴

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.