Как изменить параметры изображения, чтоб другие изображения не менялись

@Rosheh · Регистрация: 02.11.2015

Студворк — интернет-сервис помощи студентам

Не знаю как правильно сформулировать вопрос для поисковиков. Как в css изменить параметры конкретных изображений, чтоб остальные изображения на сайте не менялись. http://mingalh8.bget.ru/ Для картинок категорий задаю отступы, радиусы и тень, и логотип "КФХ Мингалеев"тоже меняется, а вместе тем и картинка обратной связи в верхнем правом углу "напишите нам".

@Viktor Front · 02.11.2015, 15:43

Rosheh, вам нужно почитать про селекторы. Подробно и "с нуля" описано тут: http://www.wisdomweb.ru/CSS/selector.php
конкретно в вашем случае можно менять размер картинок, не трогая логотипа, добавив в css файле блок

CSS
1
2
3
4
5
6
7
8
.jshop_list_category img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

и уже в этом блоке менять width как надо.

Но это совсем черновой вариант - все таки почитайте про селекторы.

@maxon-by · 02.11.2015, 18:24

Rosheh, Могу сказать, что тут селекторы мало помогут...точнее помогут, но времени отнимет просто немерено! Но необходимо для дальнейшего самосовершенствования в верстке.

Если не хотите особо париться и "абы сделать" пропишите к каждой картинке, которую нужно исправить ещё один класс и правьте!

А вообще как сделан сайт лучше НИКОГДА не делать!!!! ОЧЕНЬ много дивов и вложенностей + картинки много весят!

Добавлено через 1 минуту
Ещё половины резины тут и половину статики...Уже косяково смотрится, когда сужаешь экран

@Rosheh · 02.11.2015, 22:02 **[ТС]**

Никогда не делать сайт как я сделал? Не совсем понял термины, в дальнейшем с этим разберусь. По поводу дивов и вложенностей, так это же джумшопинг, не от меня же вроде зависит.

@Rosheh · 04.11.2015, 15:41 **[ТС]**

Я так понял клас <img class="jshop_img" надо изменить jshop_list_category img, но в каком файле это делать. Подскажите пожалуста.

@Viktor Front · 05.11.2015, 10:57

Rosheh, не обязательно. Если нужно сделать "по-быстрому", то можно просто ДОБАВИТЬ (ничего не убирая) в ваш css файл новый блок, который я скинул в предыдущем сообщении. На вашем сайте проверил - сработало.

@Rosheh · 05.11.2015, 12:01 **[ТС]**

работает, спасибо большое. Но не совсем понятно, как это работает, я же не переименовал клас img class="jshop_img" на jshop_list_category img, то есть как эта картинка понимает что нужно использовать параметры именно этого селектора .jshop_list_category img, который записан непонятно где.

@Viktor Front · 05.11.2015, 13:59

Rosheh, селектор img следует понимать как "выбрать все картинки". Вы добавили новый блок с селектором .jshop_list_category img, который браузер интерпретировал как "картинки в элементе с классом .jshop_list_category", соответственно этот новый блок влияет только на картинки, которые у вас в div'е с классом .jshop_list_category, а это div, в которым размещены блоки с товарами.

@Rosheh · 05.11.2015, 14:19 **[ТС]**

спасибо, теперь понятно, оказалось проще, чем я думал

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@Rosheh 0 / 0 / 0 Регистрация: 02.11.2015 Сообщений: 5

	Как изменить параметры изображения, чтоб другие изображения не менялись 02.11.2015, 15:27. Показов 2218. Ответов 8 Метки изображения (Все метки) Не знаю как правильно сформулировать вопрос для поисковиков. Как в css изменить параметры конкретных изображений, чтоб остальные изображения на сайте не менялись. http://mingalh8.bget.ru/ Для картинок категорий задаю отступы, радиусы и тень, и логотип "КФХ Мингалеев"тоже меняется, а вместе тем и картинка обратной связи в верхнем правом углу "напишите нам". 0

@maxon-by 16 / 16 / 5 Регистрация: 06.10.2015 Сообщений: 245
	02.11.2015, 18:24
	Rosheh, Могу сказать, что тут селекторы мало помогут...точнее помогут, но времени отнимет просто немерено! Но необходимо для дальнейшего самосовершенствования в верстке. Если не хотите особо париться и "абы сделать" пропишите к каждой картинке, которую нужно исправить ещё один класс и правьте! А вообще как сделан сайт лучше НИКОГДА не делать!!!! ОЧЕНЬ много дивов и вложенностей + картинки много весят! Добавлено через 1 минуту Ещё половины резины тут и половину статики...Уже косяково смотрится, когда сужаешь экран 0

@Rosheh 0 / 0 / 0 Регистрация: 02.11.2015 Сообщений: 5
	02.11.2015, 22:02 [ТС]
	Никогда не делать сайт как я сделал? Не совсем понял термины, в дальнейшем с этим разберусь. По поводу дивов и вложенностей, так это же джумшопинг, не от меня же вроде зависит. 0

@Rosheh 0 / 0 / 0 Регистрация: 02.11.2015 Сообщений: 5
	04.11.2015, 15:41 [ТС]
	Я так понял клас <img class="jshop_img" надо изменить jshop_list_category img, но в каком файле это делать. Подскажите пожалуста. 0

@Viktor Front 4 / 4 / 1 Регистрация: 28.10.2015 Сообщений: 24
	05.11.2015, 10:57
	Rosheh, не обязательно. Если нужно сделать "по-быстрому", то можно просто ДОБАВИТЬ (ничего не убирая) в ваш css файл новый блок, который я скинул в предыдущем сообщении. На вашем сайте проверил - сработало. 1

@Rosheh 0 / 0 / 0 Регистрация: 02.11.2015 Сообщений: 5
	05.11.2015, 12:01 [ТС]
	работает, спасибо большое. Но не совсем понятно, как это работает, я же не переименовал клас img class="jshop_img" на jshop_list_category img, то есть как эта картинка понимает что нужно использовать параметры именно этого селектора .jshop_list_category img, который записан непонятно где. 0

@Viktor Front 4 / 4 / 1 Регистрация: 28.10.2015 Сообщений: 24
	05.11.2015, 13:59
	Rosheh, селектор img следует понимать как "выбрать все картинки". Вы добавили новый блок с селектором .jshop_list_category img, который браузер интерпретировал как "картинки в элементе с классом .jshop_list_category", соответственно этот новый блок влияет только на картинки, которые у вас в div'е с классом .jshop_list_category, а это div, в которым размещены блоки с товарами. 1

@Rosheh 0 / 0 / 0 Регистрация: 02.11.2015 Сообщений: 5
	05.11.2015, 14:19 [ТС]
	спасибо, теперь понятно, оказалось проще, чем я думал 0

Как изменить параметры изображения, чтоб другие изображения не менялись

Решение