Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Фото разных размеров, как сделать через css, все одинаковые размеры ??

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

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

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

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

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

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

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

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

 

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

psarovskiy
Юзер

psarovskiy - 31 декабря 2013 14:09 -

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

vitnet - 31 декабря 2013 14:19 - 

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

http://htmlbook.ru/css/overflow
vlits
Юзер

vlits - 31 декабря 2013 15:38 -

vitnet,

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

я сделал так:

.apartfotofull img {
overlow: hidden;
max-width: 383px;
max-height: 250px;
}
vlits
Юзер

vlits - 31 декабря 2013 15:39 -

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

vlits - 31 декабря 2013 15:41 -

вышло так
vitnet
PHP-developer

vitnet - 31 декабря 2013 20:56 -

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

vlits - 31 декабря 2013 15:45 -

psarovskiy,
можно сделать, я делал, но не помню как.
Dr.Parlament
Юзер

Dr.Parlament - 31 декабря 2013 16:04 -

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

vlits - 31 декабря 2013 15:49 -

я попробовал так:
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;
}
vlits
Юзер

vlits - 31 декабря 2013 15:49 -

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

vlits - 31 декабря 2013 16:07 -

Цитата: Dr.Parlament
timthumb.php.

что это и для чего ?
psarovskiy
Юзер

psarovskiy - 31 декабря 2013 18:31 -

neadekvad
Юзер

neadekvad - 1 января 2014 01:01 -

https://code.google.com/p/timthumb/ + доп поле самый оптимальный вариант
<img src=".../timthumb.php?src=[xfvalue_доп_поле]&amp;h=размер&amp;w=размер&amp;zc=1" alt="{title}" title="{title}"/>

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

vlits - 3 января 2014 06:31 -

путаешь )
vlits
Юзер

vlits - 3 января 2014 06:33 -

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

vlits - 3 января 2014 08:18 -

вариант с центрованием
.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;
}
vlits
Юзер

vlits - 6 января 2014 13:39 -

кто еще какие варианты знает ?
что бы показывалась фотка по центру
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 16.02.2012 sk  Общие вопросы по вёрстке
 04.10.2012 blocbaster  Общие вопросы по вёрстке, Стили (CSS)
 14.12.2012 ch57  Общие вопросы по вёрстке, Хаки
 12.05.2013 stas971  Общие вопросы по вёрстке
 01.04.2014 kprod  Общие вопросы по вёрстке
 09.05.2014 karona  Общие вопросы по вёрстке, Шаблоны (TPL)
 28.09.2014 ws17  Общие вопросы по вёрстке
 23.12.2014 prpobed5  Общие вопросы по вёрстке, Ламерские вопросы
 16.01.2015 MRGFF  Общие вопросы по вёрстке, Шаблоны (TPL)
 02.06.2015 cartman  Общие вопросы по вёрстке
  • madpitbull | Убираем xfsearch из адресной строки 8
    Фото madpitbull
    madpitbull
    Убираем xfsearch из адресной строки
    28-10-2025, 15:02
    Нет ли у кого решения исправить данную ошибку с пробелом?
  • New-dev.ru | Как реализовать динамические тайтлы в ка ... 1
    Фото New-dev.ru
    New-dev.ru
    Как реализовать динамические тайтлы в категориях?
    25-10-2025, 13:46
    Посмотрите платный модуль - https://new-dev.ru/116-magicseo-meta-tegi-i-drugaya-seo-optimizaciya-razdelov-sajta.html , может подойдет. А заказывать с нуля под свои нужды - скорее всего дороже выйдет.
  • sokolov.mgn | Дополнительное поле - checkbox в DLE 8
    Фото sokolov.mgn
    sokolov.mgn
    Дополнительное поле - checkbox в DLE
    14-10-2025, 10:08
    [xfgiven_field] [xfvalue_field] [/xfgiven_field]

    У вас опечатка
  • broohkale | Подскажите что за ошибка в базе? 11
    Фото broohkale
    broohkale
    Подскажите что за ошибка в базе?
    6-10-2025, 07:57
    ***Комментарий удален***
  • Webtango | Почему вместо содержимого отображаются т ... 2
    Фото Webtango
    Webtango
    Почему вместо содержимого отображаются теги DLE?
    5-10-2025, 18:01
    Но как то меню определил! Недавно решил поиметь дле. И понимаю что помощи не будет кроме ссылки на теги дле.
  • TeraMoune | Почему вместо содержимого отображаются т ... 2
    Фото TeraMoune
    TeraMoune
    Почему вместо содержимого отображаются теги DLE?
    5-10-2025, 17:50
    Наверное потому что размещаете теги не в своих шаблонах. Данный тег применяется в шаблоне tagscloud.tpl. Внимательно читайте документацию. Каждому тегу свой шаблон. https://dle-news.ru/extras/online/clouds.html?zoom_highlightsub=tags
  • Diman_124rus | Разные шаблоны navigation.tpl для катего ... 3
    Фото Diman_124rus
    Diman_124rus
    Разные шаблоны navigation.tpl для категорий, как?
    27-09-2025, 18:52
    Спустя почти 11 лет всё ещё работает, огромное спасибо :)
  • New-dev.ru | UserSubscribe - подписки на новости 11
    Фото New-dev.ru
    New-dev.ru
    UserSubscribe - подписки на новости
    21-09-2025, 14:46
    А где доказательства? И тем более того, что я "вымогал" деньги. Предоставьте их.
  • wimpl | UserSubscribe - подписки на новости 11
    Фото wimpl
    wimpl
    UserSubscribe - подписки на новости
    21-09-2025, 12:53
    Не советую данного разработчика и данный модуль!
    Мне нужно было что бы была возможность подписаться на конкретного автора указанного в доп поле (их может быть несколько). А как потом оказалось после покупки, все что ты укажешь в доп поле через запятую будет одной строкой для данного модуля.
    Например в поле: Иванов, Петров, Сидоров. Для dle это 3 разных страницы/значения, а у данного модуля это одно значение. Бред полный!

    После общения с автором и указания что ваш модуль мне не подходит, он начал вымогать деньги за дополнительные правки под меня конкретно (и это было не только с данным модулем). Мало того что сам модуль бесполезен для меня и я уже потерял 30$, так это еще примерно что столько же хотел за "правки". Возвращать деньги отказался. Буду писать заявление в полицию и в РФ И в РК на мошенничество.
  • rewenas | Как вывести счётчик статей с указанным д ... 3
    Фото rewenas
    rewenas
    Как вывести счётчик статей с указанным доп полем?
    17-09-2025, 13:16
    Найти:
    $tpl->load_template ( 'main.tpl' );

    И добавить ниже:
    
$result = $db->super_query("SELECT COUNT(*) AS count FROM " . USERPREFIX . "_post WHERE xfields LIKE '%" . $db->safesql('название_вашего_доп.поля') . "|%'");
$tpl->set("{count-news}", intval($result['count']));
наверх