[X] Помощник

[shtil Topic Starter]

как сделать вот такую вот рамочку?
[img]http://xmages.net/out.php/i277474_Untitled1.jpg[/img]

[v1ex]

Берем картинку в качестве background'а (рамки):
[img]http://s41.radikal.ru/i093/0906/7d/88a49d43f511.png[/img]
У всех наших картинок такого стиля должен быть одинаковый размер, т.е. под каждый размер картинки свой background. Т.к. background я украл у яши, у нас картинки должны быть размером 108x73.
HTML:

<img src="img.jpg" alt="..." class="imgBorder" />

CSS:

.imgBorder {
  background-image: url(imgBg.png);
  background-position: left top;
  backgroun-repeat: no-repeat;
  height: 73px; /*высота картинки*/
  width: 108px;/*ширина картинки*/
  padding: 8px 10px 11px 10px; /*Отступы от рамки*/
}

Вам остается только сделать свой такой background (под свои картинки), и настроить в CSS отступы и размеры картинок.

P.S.
Есть еще много более гибких (и одновременно более сложных) способов сделать такой эффект, но думаю это подойдет...
P.S.S
пример

[shtil Topic Starter]

хм, а если планируется, что такой эффект будет налаживаться на разные размеры изображения?

[v1ex]

А тут уже тогда нужно картинку в блоки ложить примерно так:

<div width="ширина"><div><div><div><img src="img.jpg" alt="..." /></div></div></div></div>

И на каждый блок вешается рамка с отступами (верхняя, боковые, нижняя), одну из боковых можно впринципе на картинку повесить. В общем геморно это И при этом, у нас еще появляется блочный элемент, в то время как в предыдущем inline. Аа, и для каждого первого блока, нужно будет указывать ширину.

[shtil Topic Starter]

хм, а вот такую рамочку можно сделать без графики?
[img]http://xmages.net/out.php/i277713_Untitled1.jpg[/img]

[v1ex]

Да, без проблем вообще
HTML:

<img src="img.jpg" alt="..." class="imgBorder" />

CSS:

.imgBorder {
  background-color: #ffffff;
  border: 2px solid #cdcdcd;
  padding: 5px;
}

[ZiTosS]

v1ex, мастер на все руки

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.