1 Тема от vadim.snz

  • vadim.snz
  • Пользователь
  • Неактивен
  • Зарегистрирован: 2015-10-10
  • Сообщений: 35

Тема: Рамки у картинок или работа со свойствами изображения.

Вот такой вопрос. Заказчик хочет, чтобы часть картинок имела рамку, часть - нет.
За рамки для всех картинок сайта отвечает вот это в файле style.css

#content .page-text img {margin:0 0 20px 0;border:1px solid #1a1a1a;}

Но можно при вставке картинки через редактор (появляется форма Свойства изображения) перейти на вкладку Дополнительно и там мы видим три поля:
Идентификатор
Класc CSS
Стиль

Так вот если в поле стиль добавить 

border:0px none;

то рамка у этого изображения пропадет.
Теперь собственно вопрос. Как можно оформить класс или идентификатор, чтобы не писать каждый раз ручками, то, что повыше.
В style.css я создавал класс 

.1 img 
{border: none;
}

Затем в поле Класс CSS указывал 1 или .1 - не работает.

Поделиться

2 Ответ от olsv64

  • olsv64
  • olsv64
  • Администратор
  • Неактивен
  • Откуда: Киров
  • Зарегистрирован: 2013-03-03
  • Сообщений: 3,941

Re: Рамки у картинок или работа со свойствами изображения.

во первых классы должны начинаться с букв http://htmlbook.ru/css/selector/class
во вторых, если вы собираетесь в редакторе присваивать класс для изображения, так и в файле css присваивайте изображению

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

3 Ответ от vadim.snz (2015-10-23 09:47:47 отредактировано vadim.snz)

  • vadim.snz
  • Пользователь
  • Неактивен
  • Зарегистрирован: 2015-10-10
  • Сообщений: 35

Re: Рамки у картинок или работа со свойствами изображения.

Спасибо. Пробуем.
Это в style.css

.z img {border:none;}

или

 img.z {border:none;}

в поле Класс CSS

z

или 

.z

Не работает.

Поделиться

4 Ответ от olsv64

  • olsv64
  • olsv64
  • Администратор
  • Неактивен
  • Откуда: Киров
  • Зарегистрирован: 2013-03-03
  • Сообщений: 3,941

Re: Рамки у картинок или работа со свойствами изображения.

.z {
border:5px solid black;
}
http://getsimple.business-website.ru/ddd/

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

5 Ответ от olsv64

  • olsv64
  • olsv64
  • Администратор
  • Неактивен
  • Откуда: Киров
  • Зарегистрирован: 2013-03-03
  • Сообщений: 3,941

Re: Рамки у картинок или работа со свойствами изображения.

попробуйте добавить !important

Поддержать GetSimple CMS по-русски ЯДом
+ vadim.snz

Сайт olsv64

Поделиться

6 Ответ от vadim.snz

  • vadim.snz
  • Пользователь
  • Неактивен
  • Зарегистрирован: 2015-10-10
  • Сообщений: 35

Re: Рамки у картинок или работа со свойствами изображения.

olsv64 пишет:

попробуйте добавить !important

Заработало! smile

Подытоживаю, кому интересно:

Код в style.css

.z {border:0px !important;
}

В форме Свойства изображения на вкладке Дополнительно в поле Класс CSS пишем просто z

Олег, спасибо)

Поделиться