Не получается добавить изображение в шапку сайта

[ProRus]

Здрасте .. пишу к вам с просьбой о помощи, если как-то не ясно напишу, скажите сразу.

Собственно, есть сайт.

Таблица стилей там и всё как положено.

Проблема заключается в том, что я не могу пока что понять, как добавить изображения в шапку сайта при этом не допустив сдвигов дизайна сайта. Копался в таблице стилей и в div'ах - не смог понять своими мозгами <img src="http://forum.htmlbook.ru/public/style_emoticons/<#EMO_DIR#>/sad.gif" style="vertical-align:middle" emoid="" border="0" alt="sad.gif" /> а хочется ...

Представлю скрины:

1. Так, как должна быть страница. Между ТЕКСТ и цифрами должно поместить два небольших изображения.

<img src="" border="0" class="linked-image" />

2. Добавляю одно изображение в файлы между div'ами и вот что у меня выходит.

<img src="" border="0" class="linked-image" />

Как не допустить подобного рода сдвигов?

<b>Вырезка этого места из таблицы стилей:</b>

<i>/* Top

————————————————————-- */

#page {

display:block;

overflow:hidden;

margin:0 auto;

padding:0;

width:934px;

border:none;

background:#E6F0FF;

color:#ffffff;

}

.top_part {

/*position:relative;

display:inline;*/

float:left;

margin:0;

padding:9px 0 0 0;

width:934px;

/*background:#045E92 url(../images/bg_top_part.jpg) repeat-x 0 72px;*/

background:#1156A4 url(../images/bg_top_part.jpg) repeat-x 0 80px;

/*border-bottom:#999999 1px solid;*/

}

.left_strp .logo {

float:left;

position:relative;

margin:-78px 0 18px 0;

padding:0;

/*float:left;

position:relative;

overflow:visible;

margin:-74px 0 18px 0;

padding:0;

height:206px;

z-index:2;*/

}

.left_strp .logo img {

display:block;

}

.top_part .title {

float:left;

margin:0 0 0 220px;

padding:0;

font:normal 25px "Tahoma","Arial",sans-serif;

}

*html .top_part .title {

display:inline;

}

.top_part .phone {

float:right;

margin:0 32px 0 0;

padding:0;

font:normal 25px "Tahoma","Arial",sans-serif;

}

.top_part .phone span {

font-size:17px;

}</i>

<b>Вырезка этого места из файла страницы .php:</b>

<i><div class="top_part">

<div class="title">"ТЕКСТ" текст</div>

<div class="phone"><span>+7 (495)</span> циферки</div></i>

Спасибо заранее за любую помощь.

Edited March 25, 2011 by ProRus

[stars]

Ну если я все правильно вижу то height:32px; не хватает для текста там примерно 48px; А картинки можно опустить простым отступом margin-top:13px;

[ProRus]

Ну если я все правильно вижу то height:32px; не хватает для текста там примерно 48px; А картинки можно опустить простым отступом margin-top:13px;

Так вот загвоздка в том, что если я объявляю margin-top:13px; для картинки, у меня опять сползает дизайн вниз ... может текст поднять наоборот?

[stars]

Ну хз это надо смотреть ксс а он там сделан кусками и просмотреть его нет возможности...

Если костыли устроят то:

<div class="top_part" style="height:104px;">

<div class="title" style="font-size:14pt;width:340px;height:32px;text-align:right;">"АИФ-ТУР" является уполномоченным представителем</div>
<div style="overflow:hidden;float:left;width:142px;height:30px;border: 0px solid;margin-top:12px;"><a href="http://www.bsky.ru/"><img src="/images/bluesky_30.jpg" alt="BlueSky"></a><a href="http://www.coral.ru/"><img src="/images/coral_30.jpg" alt="Coral"></a></div>
<div class="phone" style="font-size:14pt;width:168px;height:32px;text-align:right;">+7 (495) 772 76 86, 772 76 69</div>

		<div id="main_menu" style="margin-top:42px;">

(не уверен что это решение кросбраузерное)

[ProRus]

Ну хз это надо смотреть ксс а он там сделан кусками и просмотреть его нет возможности...

Если костыли устроят то:

<div class="top_part" style="height:104px;">

<div class="title" style="font-size:14pt;width:340px;height:32px;text-align:right;">"АИФ-ТУР" является уполномоченным представителем</div>
<div style="overflow:hidden;float:left;width:142px;height:30px;border: 0px solid;margin-top:12px;"><a href="http://www.bsky.ru/"><img src="/images/bluesky_30.jpg" alt="BlueSky"></a><a href="http://www.coral.ru/"><img src="/images/coral_30.jpg" alt="Coral"></a></div>
<div class="phone" style="font-size:14pt;width:168px;height:32px;text-align:right;">+7 (495) 772 76 86, 772 76 69</div>

		<div id="main_menu" style="margin-top:42px;">

(не уверен что это решение кросбраузерное)

Если есть желание, могу прислать на почту ксс ...

Решение выше - не подошло, к сожалению