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

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

 

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

 

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

 

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

Изменено 27 ноября 200718 г пользователем TIER4eg

Ну попробуйте 100%

Я не понимаю, зачем одну картинку на 2 части резать?

Ее же можно целую залить.

Всё получилось, посмотрите в моём посте выше как, я его отредактировал пока Вы этот ответ писали, видимо. =)

 

А картинку пришлось разбивать из-за того, что она .gif и в неё больше цветов не влезало. =(((

 

Кстати, а в чём принципиальная разница-то между

 

 

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

 

У меня был первый код и как раз из-за этого не до конца прикреплялась картинка, оставались несколько вшивых пикселей до стыка. =) А со вторым - слилась.

 

И да, если можно, то

 

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

 

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

 

А то вот что опять: http://img228.imageshack.us/img228/3537/sn...34567890yb5.jpg

 

Спасибо за ангельское терпение! Знаю, что достал! =))

Изменено 3 декабря 200717 г пользователем TIER4eg

В тегах td выравнивание как раз происходит только по style="text-align:left"

А вот в дивах по align="left"

Первое, это свойство стиля, второе атрибут тега.

Я не заметила сразу.

Получилось нормально вроде...

Угу, получилось хорошо, спасибо!

 

Но надпись "С Новым Годом" никак не могу по центру выровнять. Я так понимаю надо добавить что-то типа

 

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

 

Но вот беда:

 

http://img228.imageshack.us/img228/3537/sn...34567890yb5.jpg

 

З.Ы.: HNY.gif - это как раз картинка с надписью. )

Это уберите

<td width="100"> </td>

А код с Надписью замените на

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

Или 99% все-таки..

Главное, про nowrap не забыть, а то разопрет шире шапки.

<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 style="text-align:left">
<img src='style_images/<#IMG_DIR#>/logo6.gif' style='vertical-align:top' alt='IPB' border='0' />
</td>
<td width="99" style="text-align:center">
<img src='style_images/<#IMG_DIR#>/HNY.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://img219.imageshack.us/img219/1989/sn...34567890en8.jpg

 

Или я что-то не так прописал? Вроде так. :)

В

заменить:

style="text-align:left"

На

style="text-align:left; padding-left:0; margin-left:0"

Если не поможет, соединить две левые картинки в одну и не мучать себя и других.

Не помогло. Всё-равно спасибо!

 

Допустим, мне удаётся объеденить в одну две левые картинки и у нас в шапке будет таким образом не 4, а три картинки, но всё-таки как среднюю (которой станет надпись СНГ) заставить встать по центру между левой и правой?

 

Ведь используя подобный код:

 

<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 style="text-align:left">
<img src='style_images/<#IMG_DIR#>/HNY.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>

 

надпись СНГ прилепится к левой картинке я так понимаю, как это было со второй частью левой, а не встанет по центру. =(

 

 

Если

 

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

 

заменить на

 

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

 

и убрать

 

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

 

то едет вправо опять надпись. =((

 

тогда не нужен

99% впишете в

, где картинка с надписью.

<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 width="99" style="text-align:center">
<img src='style_images/<#IMG_DIR#>/HNY.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://img219.imageshack.us/img219/7754/sn...34567890kx0.jpg

 

З.Ы.: я убрал пока что вторую часть левой картинки, которую потом к первой приклеивать буду, так что не удивляйтесь почему обрезана левая картинка, но даже если мысленно продолжить левую картинку со второй её частью, то очевидно, что надпись СНГ опять не по середине, а дальше от левой картинки, чем от правой.

Изменено 3 декабря 200717 г пользователем TIER4eg

Нужно разбираться на опыте.

Возможно прописать дополнительные свойства в класс logostrip или что-то еще.

Каждый раз изобретать приходится.

Таблицы в шапке ipb вообще обычно плохо живут, при этом тот же код на сайте (не в ipb) выглядеть может идеально.

Экспериментируейте с дополнительными свойствами.

Так, а если не использовать таблицу, а тот самый вариант из статьи, что Вы в самом начале предлагали, то как нужно модифицировать код типа:

 

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

Там 4 картинки не впишешь.

Чтобы знать как модифицировать, мне нужно вначале попробовать.

Напишу позже.

Дык 4 теперь и не надо. Мы же вроде как на 3 остановились: левая (та что после склеивания двух картинок станет единым целом), центральная (надпись СНГ) и правая. =)

Изменено 3 декабря 200717 г пользователем TIER4eg

Мой способ с блочной версткой

Шапка IPB из трех картинок с графическим фоном

 

Испытайте и напишите, вышло ли.

Пробовала только на дефолтном скине.