Перейти к содержимому
Русский язык для Invision Community 5

А на форуме шапка горит...

Так-с, други вы мои сердеШные. =)

Есть у меня к вам вопрос:

 

Нужно вставить картинку в правый угол шапки + картинку по центру (причём не просто по центру всей шапки а по центру между лого и правой картинкой), кликабельными они как лого быть не должны. Какой код и куда добавить?

 

Помогите, не осерчайте. =)

 

З.Ы.: tile_back.gif ака фон шапки замощён.

Изменено пользователем TIER4eg

Рекомендованные сообщения

Вам поможет статья с http://www.ipsbeyond.com/

Ее автор Tap

Доступа у Вас к статьям, вероятно, нет, поэтому выкладываю здесь.

Суть:

Использование в шапке до 3 картинок с применением блочной верстки.

Logo___Banner.rar

  • Автор

Супер!!!!!

 

То, что надо!

 

Почти всё получилось, за исключением третьей картинки (logo6.gif), она в самый правый угол шапки никак вставить не хочет:

 

Вот код:

 

<div id="logostrip"><img src="style_images/<#IMG_DIR#>/logo4.gif" style="vertical-align:middle;margin-right:50px" alt="Left Side Logo" /><img src="style_images/<#IMG_DIR#>/logo6.gif" style="vertical-align:middle;" alt="Center Logo" /><img src="style_images/<#IMG_DIR#>/logo5.gif" style="vertical-align:right;margin-middle:50px" alt="Right Side Logo" /></div>

 

Поправьте, что не так, пожалуйста.

logo6.gif вроде центральной должна быть...

logo5.gif - правая.

  • Автор

Да дело не в нумерации. =) Это я так криво пронумеровал: по мередине идёт 6, а справа - 5. =)

 

Вот смотрите: http://img99.imageshack.us/img99/3377/snap11111111kl2.jpg

 

Мне нужно, чтобы маленький рисунок с зимним пейзажем (logo5.gif) встал в правый угол, а надпись с новым годом (logo6.gif) по центру между левым лого и правым (как раз этим пейзажем).

Изменено пользователем TIER4eg

Правая часть по дефолту:

Right Side Logo

 

Вообще я не понимаю, что там за странные свойства прописаны - vertical-align:right;margin-middle:50px

Они как бы не должны работать...

Вот так было бы правильно - margin-right:0px

 

Ну и соответственно левую бы также поправить, странно что работает..

Способ сама не испытывала.

  • Автор

То бишь код такой вставить?

 

<div id="logostrip"><img src="style_images/<#IMG_DIR#>/logo4.gif" style="margin-left:0px" alt="Left Side Logo" /><img src="style_images/<#IMG_DIR#>/logo6.gif" style="vertical-align:middle;" alt="Center Logo" /><img src="style_images/<#IMG_DIR#>/logo5.gif" style="margin-right:0px" alt="Right Side Logo" /></div>

 

Если да, то не выходит ничего. =(

Изменено пользователем TIER4eg

Тогда оставьте прежний код, а справа в свойства стиля попробуйте добавить float:right;

У меня нет сейчас времени на испытание этого метода.

Я с тремя картинками поступаю иначе.

Свойство правой задаю в css, а в шапке просто прописываю ее класс.

Позже могу написать свой способ.

  • Автор

Я вот еще какой вариант прописал:

 

 

<div id="logostrip"><a href='{ipb.script_url}'><!--ipb.logo.start-->
<table height"160" cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td align=left>
<img align="left" src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
<td align=center>
<img align="center" src='style_images/<#IMG_DIR#>/logo6.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
<td align=right>
<img align="right" src='style_images/<#IMG_DIR#>/logo5.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
</tr>
</table>
</div>

 

Почти получилось, но средняя картинка теперь смещена больше вправо... =(

 

Был бы премного благодарен за Ваш вариант.

Если решили таблицей, вcе проще.

<td align=right>
<img align="right" src='style_images/<#IMG_DIR#>/logo5.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>

Замените на:

[code]<td style="text-align:right">
<img src='style_images/<#IMG_DIR#>/logo5.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>

  • Автор

Вообщем-то получается тоже самое, картинка с надписью "С Новым Годом" всё-равно вправо съезжает: http://img150.imageshack.us/img150/5755/sn...11111111cz8.jpg

 

Так что лучше всё-таки Ваш вариант, о котором вы говорили выше, попробовать. Как будет время - напишите код, пожалуйста.

Изменено пользователем TIER4eg

  • Автор
Тогда оставьте прежний код, а справа в свойства стиля попробуйте добавить float:right;

У меня нет сейчас времени на испытание этого метода.

Я с тремя картинками поступаю иначе.

Свойство правой задаю в css, а в шапке просто прописываю ее класс.

Позже могу написать свой способ.

 

Мммм...Можно Ваш способ-таки? =)

У меня еще не окончена работа.

Пока нет времени отвлекаться.

Чуть позже.

  • Автор

При таком коде:

 

<div id="logostrip"><a href='{ipb.script_url}'><!--ipb.logo.start-->
<table height"160" cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td align=left>
<img align="left" src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
<td align=center>
<img align="center" src='style_images/<#IMG_DIR#>/logo6.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
<td style="text-align:right">
<img src='style_images/<#IMG_DIR#>/logo5.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
</tr>
</table>
</div>

 

Выглядит вот так:

 

http://img228.imageshack.us/img228/5843/sn...34567890pq7.jpg

 

Как прикрепить logo6 (вторая картинка) к logo4? Ибо вторая продолжение первой.

В свойствах тега table пропишите 

nowrap="nowrap"

В

<td align=center>
<img align="center" src='style_images/<#IMG_DIR#>/logo6.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>

Замените center на left

И добавьте после

<td width="99%">
 
</td>

Тогда картинка прижмется к первой.

  • Автор

<div id="logostrip"><a href='{ipb.script_url}'><!--ipb.logo.start-->
<table height"150" cellspacing="0" cellpadding="0" width="100%" border="0" nowrap="nowrap">
<tr>
<td style="text-align:left">
<img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
<td align=left>
<img align="left" src='style_images/<#IMG_DIR#>/logo6.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
<td width="99%">
 
</td>
<td style="text-align:right">
<img src='style_images/<#IMG_DIR#>/logo5.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
</tr>
</table>
</div>

 

Результат:

 

http://img221.imageshack.us/img221/5388/sn...34567890ed9.jpg

 

=)

 

Мммм? =)

 

Пардон-муа! =)

 

Заменил

 

<td align=left>
<img align="left" src='style_images/<#IMG_DIR#>/logo6.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>

 

на

 

<td style="text-align:left">
<img src='style_images/<#IMG_DIR#>/logo6.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>

 

и всё получилось! =) Спасибо большое!

 

Но есть еще вопрос! =))

 

Как еще одну картинку теперь по центру захреначить? (ту самую надпись с новым годом, помните?) =)

Создайте аккаунт или войдите в него для комментирования

Перейти к списку тем

Важная информация

При использовании данного сайта, вы согласаетесь с Условия использования и Чтобы сделать этот веб-сайт лучше, мы разместили cookies на вашем устройстве. Вы можете изменить свои настройки cookies, в противном случае мы будем считать, что вы согласны с этим..

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера
Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.