Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
Agler

3 логотипа

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

10/21/08 15:31 (изменено)

Вобщем, столкнулся с одной интересной проблемой.

Нужно разместить 3 разных картинки там где шапка, но разместить с разным выравниванием.

Тоесть поставить в шапке (где логотип форума отображается) одну картинку слева, одну по центру, одну справа.

Пробовал сам ничего не получилось ... :(

только шаблон поломал ..

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

Поделиться сообщением


Ссылка на сообщение

структура таблицы

 

<table>
<tr style="background: url('   ') repeat-x">
<td align="left"> изображение 1 </td>
<td > </td>
<td align="right"> изображение 3 </td>
</tr>
</table>

Поделиться сообщением


Ссылка на сообщение
Вобщем, столкнулся с одной интересной проблемой.

Нужно разместить 3 разных картинки там где шапка, но разместить с разным выравниванием.

У меня 2 логотипа + иногда банер. Банер можно рассматривать как логотип + поиск от гугла. Мое решение.

 

skin_global - global_board_header

 

<div class="borderwrap">
<div id="logostrip"><a href='/'><img src='style_images/<#IMG_DIR#>/xx_logo.jpg' style='vertical-align:top' alt='xxx ' border='0' /></a>
<a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo.gif' alt='xxx' border='0' class="logo_xxx" /><!--ipb.logo.end--></a>
  <!-- <img src="http://www.xxx.ru/baner/xxx.gif" border="0" class="logo_baner" />-->
</div>
<div class="search_xxx"><!-- Поиск  -->
  код поиска 
  <!-- Поиск  -->
</div>

 

CSS

 

#logostrip{

background: #FFFFFF url(style_images//tile_bg.gif);

border: 0;

height: 126px;

margin: 0;

padding: 0;

text-align: left;

}

.logo_xxx {

display:block;

position: absolute;

left: 185px;

top: 3px;

}

.search_xxx {

display:block;

position: absolute;

top: 330px;

right: 10px;

}

 

Пояснение.

 

tile_bg.gif - фон для логотипов.

xx_logo.jpg - левый логотип.

logo.gif -- центральный но не совсем. Позиционируется в css - left: 185px top: 3px - но может быть в любом месте

xxx.gif -- это банер справа. Тоже позиция определяется в css. Как впрочем и search_xxx.

Поделиться сообщением


Ссылка на сообщение
Или обойтись малой кровью, то есть с блочной версткой

Шапка форума из трех картинок

такое ощущение, что для тебя табличная вёрстка это как нож в сердце :())

Поделиться сообщением


Ссылка на сообщение
такое ощущение, что для тебя табличная вёрстка это как нож в сердце :())

Я не Фисана, но ...

 

Таблица тяжелее.

 

Я в форумах все-таки чайник, мое основное это CMS. А там давно принято верстать все на CSS. Уже привык.

И потом то что у меня реализовано в таблице это не сделать.

Поделиться сообщением


Ссылка на сообщение
Я не Фисана, но ...

 

Таблица тяжелее.

 

Я в форумах все-таки чайник, мое основное это CMS. А там давно принято верстать все на CSS. Уже привык.

И потом то что у меня реализовано в таблице это не сделать.

 

в этом случае я выбрал табличную потому что мне было бы лень писать 3 класса в ксс потом 3 дива в шаблоне + в табличной вёрстке более наглядней что-где находится :(

Поделиться сообщением


Ссылка на сообщение

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

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...