Немного о CSS

Как известно, я в веб-дизайне не бум-бум, и вот недавно я озадачился следующей проблемой: в шаблоне моего сайта в файле CSS (style.css) имеется такая настроечка:

1
2
3
4
5
6
.post .content img {
  padding: 5px;
  line-height: 0;
  background: #fff;
  border: 1px solid #aaa;
}

Данная конструкция рисует вокруг картинок рамку, белую такую, чисто для красоты. Но к сожалению, эта рамка появлялась и вокруг смайликов, что было уже не так красиво. Однако, посмотрев исходный код страницы сайта, я увидел, что у тега "img", с помощью которого собственно картинка и отображается, имеется класс специально для смайликов.

Осталось его, класс этот, как-то прикрутить.

В итоге: размышление вылилось в новую дополнительную конструкцию, которую я добавил в файл style.css:

1
2
3
4
5
6
.post .content img.wp-smiley {
  padding: 0px;
  line-height: 0;
  background: #fff;
  border: 0px;
}

Теперь все стало замечательно.

Вот вам куча смайлов: 🙂 🙂 🙂 🙂 🙂 🙂 :-).

________________
Оценить: +1Оценить: +2Оценить: +3Оценить: +4Оценить: +5 (2 голосов, средняя оценка: 5,00 из 5)
Загрузка...

Автор: Bola | 3 октября 2012 | Рубрика Айтишное
Комментарии отсутствуют.

Оставить комментарий

XHTML: Вы можете использовать эти теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
51 / 0,706 / 10.43mb