Рамка для загружаемых изображений - Вопросы по CSS

Здравствуйте! Очень прошу подсказать мне как сделать рамку для загружаемых изображений. Если просто я ставлю в CSS border=# для img, то у меня и в шаблоне вокруг шапки и всех всех изображений появляется эта рамка, а там она конечно не нужна. Как можно сделать так, что бы рамка появлялась только у тех фото, которые пользователь загружает на странички? Если это вообще возможно конечно.

Да и хотелось бы, что бы рамка была не просто ровной черной, а какого-либо цвета. Очень прошу подсказки, как это можно сделать.

С помощью FireBug найти к какому классу (или идентификатору) принадлежат эти картинки и в CSS указать границу (Цвет выбирайте любой) только к этому классу или ID.
Ссылку на сайт - будет конкретный ответ.

assaru Спасибо за ответ! Сайт у меня на локальном сервере, по этому пока не получится ссылку написать. Установила FireBug. А как с его помощью посмотреть класс или идентификатор? Я на двух изображениях правую кнопку мыши нажала и там был пункт (дословно не помню), но что-то типа посмотреть строку кода этого элемента. Но после 2х раз у меня эта строчка из меню пропала и на других изображениях уже не получается посмотреть. На первых двух было вот что в строке:

<div id="lbOverlay" style="visibility: hidden; opacity: 0; top: 130px; height: 735px;"/>

<div id="lbOverlay" style="visibility: hidden; opacity: 0; top: 342px; height: 735px;"/>

А как теперь на других изображениях посмотреть что бы сравнить загруженные и те что там были? Есть нижний пункт на английском inspect element... Если его нужно выбрать, то где там можно посмотреть идентификатор?

на картинке клик правой кнопкой анализировать элемент
Или F12

Смотрим класс картинки, если его нет в CSS, прописываем то, что нам необходимо.

Что-то нет у картинки класса ( Чуть выше написан какой то



не знаю к картинке он принадлежит или нет, но на всякий случай попробовала в CSS добавила:

.thumbnail {
border: 2px solid #FFCC00;
}

Рамка у превью изображений где-то появилась под превью а не вокруг картинки, а где вообще сбоку в виде короткой черточки. И только в Опере. Может неправильно написала?

А поняла почему рамка не там появилась, потому что у меня отступы стоят от изображения и рамка не вокруг фото рисуется, а вокруг отступов, но при этом ещё и справа (если изображение выровнено по левому краю). В общем что-то не то получается (

Какой плагин установлен для вывода превью?

mavik Thumbnails

А в фотоальбоме стоит Ignite_Gallery2.1, там мне удалось поставить рамку для основного фото. На превью тоже не получается, точнее получается, но тоже вокруг отступа только. И даже такие дефектные рамки только в опере отображаются.

Ищите настройки фотоальбома там заданы параметры рамки отступы цвет и т. д
Или попробуйте
.thumbnail img{
border: 2px solid #FFCC00!important;
}

Poznakomlus ого получилось! Спасибо! Теперь у превью есть рамка. И в опере и в IE видно рамку, в Firefox не видно, но там и не нужно особо.

А в настройках фотоальбома я всё что можно посмотрела, нигде нет настройки рамок. Может тоже как то так нужно сделать. Ещё буду разбираться завтра.

Поставила фото в оригинальном размере, без превью, посмотрела свойства и там вообще никакого класса нет, подскажите как у обычной фото без превью теперь рамку тоже прописать?

Там только вот это:

<img border="0" src="/tizan/images/stories/11_031.jpg">

Там только вот это:
<img border="0" src="/tizan/images/stories/11_031.jpg">

ищите, что выше(перед) картинкой первый встречный class или id
.class img{} или  #id img {}

Ого как далеко оно оказалось, но получилось ))) Спасибо! А можно для одного изображения отменить это свойство? А то у меня виньетка-разделитель тоже ведь просто загружена так же и вокруг неё тоже теперь рамка, не красиво (

если у нее есть класс или ид то да. а так надо в код лезть