Уроки от Джулии
Давно обещала и сегодня выполняю просьбу как делать вот такую рамочку

 

Приветик!

Формула этой рамочки такая же как и любой другой, только картинка поставлена не после последнего фона, а между фонами. Вот смотрите, возьму одну формулу из моих заготовок для рамочки (кстати, можете её себе скопировать и делать рамки, меняя значения).&amp;lt;div align=&amp;quot;center&amp;quot;>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;КОНТУР&amp;quot; cellpadding=&amp;quot;3&amp;quot; cellspacing=&amp;quot;1&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;УЗКАЯ ВСТАВКА лицевой фон&amp;quot; cellpadding=&amp;quot;5&amp;quot; cellspacing=&amp;quot;0&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;КОНТУР&amp;quot; cellpadding=&amp;quot;3&amp;quot;cellspacing=&amp;quot;1&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;ШИРОКАЯ ВСТАВКА&amp;quot; cellpadding=&amp;quot;30&amp;quot; cellspacing=&amp;quot;0&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;КОНТУР&amp;quot; cellpadding=&amp;quot;3&amp;quot; cellspacing=&amp;quot;1&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;УЗКАЯ ВСТАВКА лицевой фон&amp;quot; cellpadding=&amp;quot;5&amp;quot; cellspacing=&amp;quot;0&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;КОНТУР&amp;quot; cellpadding=&amp;quot;3&amp;quot; cellspacing=&amp;quot;1&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;ЛИЦЕВОЙ ФОН&amp;quot; cellpadding=&amp;quot;4&amp;quot; cellspacing=&amp;quot;0&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;center>&amp;lt;img src=&amp;quot;КАРТИНКА&amp;quot; _fcksavedurl=&amp;quot;КАРТИНКА&amp;quot; width=&amp;quot;ширина картинки&amp;quot; height=&amp;quot;высота картинки&amp;quot; border=&amp;quot;0&amp;quot;>&amp;lt;br>&amp;lt;font size=&amp;quot;5&amp;quot; face=&amp;quot;Monotype Corsiva&amp;quot; color=&amp;quot;fffbcc&amp;quot;>&amp;lt;b>ТЕКСТ &amp;lt;img src=&amp;quot;РАЗДЕЛИТЕЛЬ&amp;quot; _fcksavedurl=&amp;quot;РАЗДЕЛИТЕЛЬ&amp;quot;>&amp;lt;/b>&amp;lt;/font>&amp;lt;/center>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/div> Подставим все адреса фонов, а фонов мне нужно здесь всего три. Я возьму такие 1. 2. 3. 1-ый я поставлю вместо слова КОНТУР //s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg 2-ой - это будет ЛИЦЕВОЙ ФОН //i072.radikal.ru/1001/91/b7cdd5033e20.jpg 3-й - это ШИРОКАЯ ВСТАВКА //s16.radikal.ru/i191/1001/45/d52d35ac9103.jpg и, конечно же, картинку ставим //s004.radikal.ru/i208/1001/06/b7fad949db37.gif и разделитель //i082.radikal.ru/1001/a5/9b8d850325e9.gif&amp;lt;div align=&amp;quot;center&amp;quot;>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;<a href="//s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&amp;quot;" target="_blank">//s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&amp;quot;</a> cellpadding=&amp;quot;3&amp;quot; cellspacing=&amp;quot;1&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;<a href="//i072.radikal.ru/1001/91/b7cdd5033e20.jpg&amp;quot;" target="_blank">//i072.radikal.ru/1001/91/b7cdd5033e20.jpg&amp;quot;</a> cellpadding=&amp;quot;5&amp;quot; cellspacing=&amp;quot;0&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;<a href="//s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&amp;quot;" target="_blank">//s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&amp;quot;</a> cellpadding=&amp;quot;3&amp;quot;cellspacing=&amp;quot;1&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;<a href="//s16.radikal.ru/i191/1001/45/d52d35ac9103.jpg&amp;quot;" target="_blank">//s16.radikal.ru/i191/1001/45/d52d35ac9103.jpg&amp;quot;</a> cellpadding=&amp;quot;30&amp;quot; cellspacing=&amp;quot;0&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;<a href="//s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&amp;quot;" target="_blank">//s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&amp;quot;</a> cellpadding=&amp;quot;3&amp;quot; cellspacing=&amp;quot;1&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;<a href="//i072.radikal.ru/1001/91/b7cdd5033e20.jpg&amp;quot;" target="_blank">//i072.radikal.ru/1001/91/b7cdd5033e20.jpg&amp;quot;</a> cellpadding=&amp;quot;5&amp;quot; cellspacing=&amp;quot;0&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;<a href="//s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&amp;quot;" target="_blank">//s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&amp;quot;</a> cellpadding=&amp;quot;3&amp;quot; cellspacing=&amp;quot;1&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;<a href="//i072.radikal.ru/1001/91/b7cdd5033e20.jpg&amp;quot;" target="_blank">//i072.radikal.ru/1001/91/b7cdd5033e20.jpg&amp;quot;</a> cellpadding=&amp;quot;4&amp;quot; cellspacing=&amp;quot;0&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;center>&amp;lt;img src=&amp;quot;<a href="//s004.radikal.ru/i208/1001/06/b7fad949db37.gif&amp;quot;" target="_blank">//s004.radikal.ru/i208/1001/06/b7fad949db37.gif&amp;quot;</a> _fcksavedurl=&amp;quot;<a href="//s004.radikal.ru/i208/1001/06/b7fad949db37.gif&amp;quot;" target="_blank">//s004.radikal.ru/i208/1001/06/b7fad949db37.gif&amp;quot;</a> width=&amp;quot;189&amp;quot; height=&amp;quot;125&amp;quot; border=&amp;quot;0&amp;quot;>&amp;lt;br>&amp;lt;font size=&amp;quot;5&amp;quot; face=&amp;quot;Monotype Corsiva&amp;quot; color=&amp;quot;fffbcc&amp;quot;>&amp;lt;b>ТЕКСТ &amp;lt;img src=&amp;quot;<a href="//i082.radikal.ru/1001/a5/9b8d850325e9.gif&amp;quot;" target="_blank">//i082.radikal.ru/1001/a5/9b8d850325e9.gif&amp;quot;</a> _fcksavedurl=&amp;quot;<a href="//i082.radikal.ru/1001/a5/9b8d850325e9.gif&amp;quot;" target="_blank">//i082.radikal.ru/1001/a5/9b8d850325e9.gif&amp;quot;</a> width=&amp;quot;155&amp;quot;>&amp;lt;/b>&amp;lt;/font>&amp;lt;/center>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/div> Вот, что в итоге мы видим

ТЕКСТ

А теперь перенесём картинку в другое место. Давайте поставим её после ШИРОКОЙ ВСТАВКИ (после &amp;lt;tr>&amp;lt;td>, а значение cellpadding="30" изменим на 3, т.е. будет cellpadding="3"&amp;lt;div align=&amp;quot;center&amp;quot;>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;<a href="//s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&amp;quot;" target="_blank">//s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&amp;quot;</a> cellpadding=&amp;quot;3&amp;quot; cellspacing=&amp;quot;1&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;<a href="//i072.radikal.ru/1001/91/b7cdd5033e20.jpg&amp;quot;" target="_blank">//i072.radikal.ru/1001/91/b7cdd5033e20.jpg&amp;quot;</a> cellpadding=&amp;quot;5&amp;quot; cellspacing=&amp;quot;0&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;<a href="//s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&amp;quot;" target="_blank">//s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&amp;quot;</a> cellpadding=&amp;quot;3&amp;quot;cellspacing=&amp;quot;1&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;<a href="//s16.radikal.ru/i191/1001/45/d52d35ac9103.jpg&amp;quot;" target="_blank">//s16.radikal.ru/i191/1001/45/d52d35ac9103.jpg&amp;quot;</a> cellpadding=&amp;quot;3&amp;quot; cellspacing=&amp;quot;0&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;center>&amp;lt;img src=&amp;quot;<a href="//s004.radikal.ru/i208/1001/06/b7fad949db37.gif&amp;quot;" target="_blank">//s004.radikal.ru/i208/1001/06/b7fad949db37.gif&amp;quot;</a> _fcksavedurl=&amp;quot;//s004.radikal.ru/i208/1001/06/b7fad949db37.gif&amp;quot;>&amp;lt;/center>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;<a href="//s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&amp;quot;" target="_blank">//s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&amp;quot;</a> cellpadding=&amp;quot;3&amp;quot; cellspacing=&amp;quot;1&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;<a href="//i072.radikal.ru/1001/91/b7cdd5033e20.jpg&amp;quot;" target="_blank">//i072.radikal.ru/1001/91/b7cdd5033e20.jpg&amp;quot;</a> cellpadding=&amp;quot;5&amp;quot; cellspacing=&amp;quot;0&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;<a href="//s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&amp;quot;" target="_blank">//s54.radikal.ru/i145/1001/40/e42b63fcb02d.jpg&amp;quot;</a> cellpadding=&amp;quot;3&amp;quot; cellspacing=&amp;quot;1&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;table border=&amp;quot;0&amp;quot; background=&amp;quot;<a href="//i072.radikal.ru/1001/91/b7cdd5033e20.jpg&amp;quot;" target="_blank">//i072.radikal.ru/1001/91/b7cdd5033e20.jpg&amp;quot;</a> cellpadding=&amp;quot;4&amp;quot; cellspacing=&amp;quot;0&amp;quot;>&amp;lt;tr>&amp;lt;td>&amp;lt;center>&amp;lt;br>&amp;lt;font size=&amp;quot;5&amp;quot; face=&amp;quot;Monotype Corsiva&amp;quot; color=&amp;quot;ff0099&amp;quot;>&amp;lt;b>Желаю удачи!&amp;lt;img src=&amp;quot;<a href="//i082.radikal.ru/1001/a5/9b8d850325e9.gif&amp;quot;" target="_blank">//i082.radikal.ru/1001/a5/9b8d850325e9.gif&amp;quot;</a> _fcksavedurl=&amp;quot;<a href="//i082.radikal.ru/1001/a5/9b8d850325e9.gif&amp;quot;" target="_blank">//i082.radikal.ru/1001/a5/9b8d850325e9.gif&amp;quot;</a> width=&amp;quot;155&amp;quot;>&amp;lt;/b>&amp;lt;/font>&amp;lt;/center>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/td>&amp;lt;/tr>&amp;lt;/table>&amp;lt;/div> Получилась уже совсем другая рамочка.

Желаю удачи!

Вот и всё!!!! Все уроки