Вопрос по рамке.

[finans13]

Подскажите плиз. вот есть рамка, как должен выглядеть код, что бы внутри ее был фон и можно было бы ставить изображение внутрь рамки.  сам код <div style="border:10px outset #054f04;padding:10px;">ваш текст</div>

[flamesv]

<div style="border:10px outset #054f04;padding:10px;background:url('ссылка на картинку');">ваш текст</div>

[finans13]

<div style="border:10px outset #054f04;padding:10px;background:url('ссылка на картинку');">ваш текст</div>

Спасибо с фоном получилось, вот только с картинкой пока не выходит
<div style="border:10px outset #054f04;padding:10px;background-color:#FFFFFF"><img src="i5.gif">ваш текст</div>

[AlexGraur]

Код: [Выделить]

.border_css {
 position:relative;
 background: #B540B1 ;
 padding:10px 35px 10px 10px;
 margin:0 0 15px 0;
 border: 1px solid #fff;
 font-size:16px;
 color: #fff;
 line-height:18px;
  border-radius: 5px;
 text-align: center;
 width: 92%;
 }

Это вставляем в ваши стили, например style.css
Чтобы получить результат в нужном месте пишем:

Код: [Выделить]

<div class="border_css">
Ваш текст и картинки и прочее...
</div>

Расшифровываю код:
position:relative - положение элемента относительно на исходном месте. Добавление свойств left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения. То есть становится подвижным
background: - фон
padding:10px 35px 10px 10px; - отступы с 4х сторон для текста
margin:0 0 15px 0; - величина отступа со всех 4х сторон
border: 1px solid #fff; - рамка 1 пиксель, сплошная  белого цвета
font-size:16px; - размер текста 16 пикселей
color: #fff; - текст белого цвета
  line-height:18px; - межстрочный интервал
  border-radius: 5px; - закругление с 4 сторон вашей рамки 5 пикселей
  text-align: center; 5px; - текст по центру)
  width: 92%; - ширина всей рамки и ее содержимого 92% от всей ширины страницы

[finans13]

Код: [Выделить]

.border_css {
 position:relative;
 background: #B540B1 ;
 padding:10px 35px 10px 10px;
 margin:0 0 15px 0;
 border: 1px solid #fff;
 font-size:16px;
 color: #fff;
 line-height:18px;
  border-radius: 5px;
 text-align: center;
 width: 92%;
 }

Это вставляем в ваши стили, например style.css
Чтобы получить результат в нужном месте пишем:

Код: [Выделить]

<div class="border_css">
Ваш текст и картинки и прочее...
</div>

Расшифровываю код:
position:relative - положение элемента относительно на исходном месте. Добавление свойств left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения. То есть становится подвижным
background: - фон
padding:10px 35px 10px 10px; - отступы с 4х сторон для текста
margin:0 0 15px 0; - величина отступа со всех 4х сторон
border: 1px solid #fff; - рамка 1 пиксель, сплошная  белого цвета
font-size:16px; - размер текста 16 пикселей
color: #fff; - текст белого цвета
  line-height:18px; - межстрочный интервал
  border-radius: 5px; - закругление с 4 сторон вашей рамки 5 пикселей
  text-align: center; 5px; - текст по центру)
  width: 92%; - ширина всей рамки и ее содержимого 92% от всей ширины страницы

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

[AlexGraur]

можете прописывать все стили прямо когда делаете в style="заданные параметры кодов" - но это длинные коды...
Сделайте несколько вариантов просто с разными вариантами в файле стилей
border_css
border_css2
border_css3
border_css4 и т.д.
И потом просто заменяйте название  в <div class="название_класса">

Код: [Выделить]

<div class="border_css">
Ваш текст и картинки и прочее...
</div>

Думаю это просто все.. со стилями все работают впринципе так)

[finans13]

Парни, что и как в этом коде добавить, что бы вот эти все надписи появились, не на прозрачном фоне..http://prntscr.com/bxoop6  сам код
<table div class="naz2" width="400" border="0" align="center" cellpadding="0" cellspacing="0">
 <font color="FFffff"> <tr><td colspan="2" align="center">&nbsp;</td></tr>

а это с цсс

.naz2 {
font-size: 12px;
color: #080908;
font-weight: bold;
font-family: "Tahoma";
}