alleclf 6 Опубликовано: 29 января 2012 Рассказать Опубликовано: 29 января 2012 Как можно подогнать картинку под определенный размер блока (див или таблицы неважно). Что бы картинка как-бы вписалась в выделенную область с сохранением пропорций. Спасибо. Извините что те совсем по теме ДЛЕ, сайт mobine.ru Цитата Ссылка на сообщение Поделиться на других сайтах
alex32 942 Опубликовано: 29 января 2012 Рассказать Опубликовано: 29 января 2012 (изменено) Вы можете это сделать средствами css, указав, например, классу того блока, где распологается картинка .class img {width:размер картинки} ну и так далее. P.S. А зачем у вас на сайте два <head></head>? Изменено 29 января 2012 пользователем alex32 Цитата Ссылка на сообщение Поделиться на других сайтах
Captain 623 Опубликовано: 29 января 2012 Рассказать Опубликовано: 29 января 2012 P.S. А зачем у вас на сайте два <head></head>? Да ещё и <body> между ними. Цитата Ссылка на сообщение Поделиться на других сайтах
alleclf 6 Опубликовано: 29 января 2012 Рассказать Опубликовано: 29 января 2012 Автор Вы можете это сделать средствами css, указав, например, классу того блока, где распологается картинка .class img {width:размер картинки} ну и так далее. У меня так не получается, в любом случае картинка вылазит из области. Подробнее: есть область 100х100, и картинки 150х50 и 50х150. Если в ксс указать ширину первая картинка ужмется как надо, а вот вторая вылезет снизу. Если указать высоту, вторая красиво ужимается но первая вылезает вправо. Если указать и ширину и высоту - всё влезает но теряются пропорции. Вот такие проблемы. P.S. А зачем у вас на сайте два head? да без понятия, переделываю постоянно всё вот и запутался окончательно У меня там 8,2 стоит, уже доделываю под 9,5 нормально всё будет. Цитата Ссылка на сообщение Поделиться на других сайтах
alex32 942 Опубликовано: 29 января 2012 Рассказать Опубликовано: 29 января 2012 (изменено) Подробнее: есть область 100х100, и картинки 150х50 и 50х150. Если в ксс указать ширину первая картинка ужмется как надо, а вот вторая вылезет снизу. Если указать высоту, вторая красиво ужимается но первая вылезает вправо. Если указать и ширину и высоту - всё влезает но теряются пропорции. Вот такие проблемы.Слушайте, ну я с вас удивляюсь. Покажите хоть код, мы ж тут не екстрасенсы, за екстрасенсами это на известный телеканал Пойди пойми что у вас там вылазит, а что пропадает и почему Изменено 29 января 2012 пользователем alex32 Цитата Ссылка на сообщение Поделиться на других сайтах
alleclf 6 Опубликовано: 29 января 2012 Рассказать Опубликовано: 29 января 2012 Автор Таблица с первым блоком в 100px - для картинки, второй блок до конца странички: <table> <tr> <td class="customimg"><a href="{full-link}"><img src="{image-1}" width="100px"></a></td> <td><a href="{full-link}">{title}</a><br>{text limit="250"}...</td> </tr> </table> Стиль из ксс: .customimg { max-height:100px; height:100px; max-width:100px; width:100px; }[/code] Ну и для примера две картинки 150х50 и 50х150, а если точнее любая картинка с сайта. Цитата Ссылка на сообщение Поделиться на других сайтах
alex32 942 Опубликовано: 29 января 2012 Рассказать Опубликовано: 29 января 2012 (изменено) .customimg { height:100px; width:100px;overflow:hidden; } Изменено 29 января 2012 пользователем alex32 Цитата Ссылка на сообщение Поделиться на других сайтах
alleclf 6 Опубликовано: 29 января 2012 Рассказать Опубликовано: 29 января 2012 Автор .customimg { height:100px; width:100px;overflow:hidden; } всё-равно картинка вниз вылазит - растягивает таблицу. Цитата Ссылка на сообщение Поделиться на других сайтах
alex32 942 Опубликовано: 29 января 2012 Рассказать Опубликовано: 29 января 2012 <table> <tr> <td class="customimg"><div><a href="{full-link}"><img src="{image-1}" width="100px"></a></div></td> <td><a href="{full-link}">{title}</a><br>{text limit="250"}...</td> </tr> </table> .customimg { height:100px; width:100px; } .customimg div{ height:100px; width:100px;overflow:hidden; } Цитата Ссылка на сообщение Поделиться на других сайтах
alleclf 6 Опубликовано: 30 января 2012 Рассказать Опубликовано: 30 января 2012 Автор {title} {text limit="250"}... .customimg { height:100px; width:100px; } .customimg div{ height:100px; width:100px;overflow:hidden; } так картинка снизу обрезается, а надо ИМЕННО пропорциональное уменьшение Цитата Ссылка на сообщение Поделиться на других сайтах
alex32 942 Опубликовано: 31 января 2012 Рассказать Опубликовано: 31 января 2012 (изменено) так картинка снизу обрезается, а надо ИМЕННО пропорциональное уменьшение скажите, а каким образом картинка,которая имеет пропорции скажм 2:1 превратится в картинку с пропорциями 2:2 без искажения? Чудес знаете ли не бывает, тут вариант либо обрезать либо картинка будет искажаться, третьего не дано. Или готовьте заранее картинки в том же фотошопе, подгоняя их под размер. Но все равно обрезать придется Изменено 31 января 2012 пользователем alex32 Цитата Ссылка на сообщение Поделиться на других сайтах
celsoft 6 072 Опубликовано: 31 января 2012 Рассказать Опубликовано: 31 января 2012 скажите, а каким образом картинка,которая имеет пропорции скажм 2:1 превратится в картинку с пропорциями 2:2 без искажения? Чудес знаете ли не бывает Однако вы не правы, и это не чудеса, просто параметр auto в указаниях размеров еще никто не отменял. Поэтому стили в данном случае выглядят очень просто width: auto; height: auto; max-width:100px; max-height:100px; пропорции будут сохранятся и картинка не будет выходить за пределы ни по высоте, ни по ширине и в зависимости от стороны какая больше будет пропорциональное уменьшение. Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.