Jump to content
  • 0

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


ProRus
 Share

Question

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

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

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

Проблема заключается в том, что я не могу пока что понять, как добавить изображения в шапку сайта при этом не допустив сдвигов дизайна сайта. Копался в таблице стилей и в 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 by ProRus
Link to comment
Share on other sites

Recommended Posts

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

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

Link to comment
Share on other sites

  • 0

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

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

<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;">

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

Link to comment
Share on other sites

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

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

<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;">

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

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

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy