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

[TIER4eg 0]

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

 

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

 

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

 

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

[Fisana 700]

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

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

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

[TIER4eg 0]

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

 

А картинку пришлось разбивать из-за того, что она .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 декабря 2007 пользователем TIER4eg

[Fisana 700]

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

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

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

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

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

[TIER4eg 0]

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

 

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

 

<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 - это как раз картинка с надписью. )

[Fisana 700]

Это уберите

<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 не забыть, а то разопрет шире шапки.

[TIER4eg 0]

<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

 

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

[Fisana 700]

В

заменить:

style="text-align:left"

На

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

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

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

 

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

[Fisana 700]

 

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

99% впишете в

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

[TIER4eg 0]

<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 декабря 2007 пользователем TIER4eg

[Fisana 700]

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

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

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

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

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

[TIER4eg 0]

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

 

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

[Fisana 700]

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

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

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

[TIER4eg 0]

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

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