- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Маркетинг для шоколадной фабрики. На 34% выше средний чек
Через устранение узких мест
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Есть класс
.images img {width: 130px;
float: left;
padding: 5px;
margin: 3px;
border: solid 2px #C0C5CB;
}
иногда некоторые картинки выскакивают, хотя по ширине, он все одинакового размера, почему так происходит?
Понятно что можно решить с помощью таблицы, но хочу именно дивами
картинки идут вряд:
<div>
картинка1 картинка2 кртинка3 и тп
</div>
потому что по высоте не одинаковые
как вариант вместо тэга img использовать div где изображение есть бэкграунд, а высота и ширина этого divа статические, как следствие - изображение будет обрезаться
либо привести изображения к одному размеру как по ширине так и по высоте
Потому что height не указан в классе.
diff, getforweb, тоже об этом подумал, разве он не должен автоматом подгоняться?
Задайте жесткие размеры. И станет ровно. Сейчас высота пляшет. Либо после каждой связки по 2 - клир.
Если некоторые картинки больше по высоте, а в стилях указана только ширина.
Тут 2 варианта:
1) прописать жестко высоту (height), но картинки будут плющиться
2) взять все это дело в div с overflow: hidden и задать для него жесткий размер, тогда куски картинки, которые выходят за рамки дива будут скрыты.
diff, getforweb, тоже об этом подумал, разве он не должен автоматом подгоняться?
если указать жестко ширину, то подгоняется пропорционально высоте изображения
это сделано чтобы изображение не было искажено и имело оригинальный вид
при указании жестких размеров, блок стал отображаться правильно, как надо.
но на будущее, надо будет использовать вариант с overflow: hidden.
Всем спасибо за подсказки, задача решена.
решено, не актуально
при указании жестких размеров, блок стал отображаться правильно, как надо.
т.е. с искажением пропорций изображения (уменьшение высоты)?
но на будущее, надо будет использовать вариант с overflow: hidden.
Либо делать блок чуть больше, чем самая высокая картинка.. Либо комбинацию..
p.s. ещё есть max-height (при необходимости - для ie6 js), но тогда ширина может "плясать".