Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Agler

3 логотипа

Recommended Posts

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

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

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

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

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

Edited by Agler

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites
Вобщем, столкнулся с одной интересной проблемой.

Нужно разместить 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.

Share this post


Link to post
Share on other sites
такое ощущение, что для тебя табличная вёрстка это как нож в сердце :())

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

 

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

 

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

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

Share this post


Link to post
Share on other sites
Я не Фисана, но ...

 

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

 

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

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

 

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...