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

Делаю скин браузеры тупят

Recommended Posts

post-5098-1223936821_thumb.png

Вобщем разлазится почемуто ячейка с аватаром я уже и в css высату фиксировал и на прямую к таблице писал нифига в IE какогото разлазится в Опере и лисе всё нормально :)

вот код самой таблици без лишнего

<table width="100%" height="100%" border="0" cellspacing="0"   class="{$post['post_css']}"  >
 <tr> 
<td border="0" cellspacing="0"   class="post11">ник</td>
<td border="0" cellspacing="0"  class="post12">дата поста</td>
<td border="0" cellspacing="0"   class="post13"> </td>
 </tr>
 <tr> 
<td  valign="top" class="le">Аватар</td>
<td rowspan="2" class="post22" id='post-main-{$post['pid']}'>пост</td>
<td rowspan="3" class="post23" border="0" cellspacing="0"  ></td>
 </tr>
 <tr> 
<td rowspan="2"  valign="top"  class="post21" border="0" cellspacing="0"  >юзиер 
  инфо</td>
 </tr>
 <tr> 
<td height="10" valign="bottom" class="post22">подпись</td>
 </tr>
 <tr> 
<td nowrap   class="post31"   border="0" cellspacing="0">^</td>
<td nowrap="nowrap" border="0" cellspacing="0"   class="post32">кнопки</td>
<td nowrap="nowrap" border="0" cellspacing="0"   class="post33"></td>
 </tr>
 <tr> 
<td class="catend" colspan="3"> 
  <!-- no content -->
</td>
 </tr>
</table>

 

Непонятность №2

какаято пустота между табом и контентом таба в css стоит бордер ноль падинги все ноль вобщем в IE и Лисе всё норм а вот Опера тупит :)

post-5098-1223937149_thumb.png

Непонятность №2

Какогото не подгужается картинка контента картинка с повтором по Х и top а фон залит под цвет концовки карнинки переход кароче..

причём опять только в опере такой глюк в IE и Лисе всё норм

Ладноб еще просто, так фоном не заливает тупо дырка блин :)

post-5098-1223937611_thumb.png

 

ПС

Ксате подскажите реально ли изменить както глобально все шапки тадлиц ато я запарился по отдельности их редактировать веть при установке в скинах с закруглением оно даже єту шапку в блоги прописало :D

Share this post


Link to post
Share on other sites

Ссылку на форум.

Пока могу только сказать по стилю поста.

Нафига столько кода наворачивать???

Абсолютно неоправданная конструкция с точки зрения юзабилити и скорости загрузки.

На дивах старайтесь верстать, а не утяжеляйте таблицу.

 <tr> 
<td rowspan="2"  valign="top"  class="post21" border="0" cellspacing="0"  >юзиер 
  инфо</td>
 </tr>
 <tr> 
<td height="10" valign="bottom" class="post22">подпись</td>
 </tr>

Не хватает столбцов.

Общее их число у Вас равно трем.

А тут один столбец на два ряда делите. А почему справа непонятно что?

Справа должно остаться по 2 столбца (в два ряда), или нужен colspan.

Должна быть следующая конструкция:

<tr>
<td rowspan="2">...</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
</tr>

Или

<tr>
<td rowspan="2">...</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td colspan="2">...</td>
</tr>

или

<tr>
<td rowspan="2">...</td>
<td colspan="2">...</td>
</tr>
<tr>
<td colspan="2">...</td>
</tr>

2.3. С теми глюками сами разбирайтесь. Проверьте синтаксис. Я не могу установить ошибку по картинкам.

 

Ппс

Нет, закруглять придется каждый заголовок.

В IPB 3.0 обещают упростить жизнь...

Share this post


Link to post
Share on other sites

Спасбо за столь быстрый ответ не один я полуночник :)

 

Да я не пойму как можно утяжелить веть по сути кода будит меньше чем дивы вставлять я тупо взял старую таблицу (ну почти старую) и css обрисовал О_о

Share this post


Link to post
Share on other sites

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

А тут она делится, дробится. Добавляются дополнительные классы.

На дивах в инфо юзера получить подобную структуру проще, и конструкция будет легче.

Share this post


Link to post
Share on other sites

Согласен с Fisana. Лучше добавить 8 div. Будет намного проще их внедрять в другие шаблоны(например вывод результатов поиска) и намного быстрее получится.

Share this post


Link to post
Share on other sites

Ну спасибо буду пробовать дивами.

по поводу шапки но веть при инстале новых модификаций оно от кудатож берёт шаблон шапки и футера О_о

 

 

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

посмотрите может есть какие мысли ато я уже весь мог сломал :huh:

/* задний фон табов */
.pp-tabwrap
{
border:0px;
border-left: 1px solid #fff;
height: 27px;
margin:0px;
padding:0px;
}

/*нажатый таб*/
.pp-tabon
{
background:url(zp/nav_bg2.gif);
color:#0D5630;
float:left;
font-size:10px;
font-weight:bold;
padding:6px 5px 6px 9px;
}
/* табы */
.pp-taboff,
.pp-tabshaded
{
background:url(zp/nav_bg.gif);
color:#333333;
float:left;
font-size:10px;
font-weight:bold;
padding:6px 5px 6px 9px;
}
/* контент табов */
.pp-contentbox-back
{
background: #edf3f0 url(zp/folder_profile_portal/pp-css-contentblock.gif);
background-position: top;
background-repeat: repeat-x;
padding: 6px;
}

Share this post


Link to post
Share on other sites

Там в шаблоне все это хозяйство окружается borderwrap-oм

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

По крайней мере, в помощнике.

А если стоит, принудительно в global_board_header найдите код помощника и в классе borderwrap припишите нулевой паддинг.

 

А вообще идеи таких скинов отсюда тырятся

http://www.ipbcustomize.com/index.php?showtopic=1131

Тему прокрутите вниз, поймете.

Share this post


Link to post
Share on other sites

Вобщем странно

вот код помошника

<div id='get-myassistant' style='display:none;width:400px;text-align:left;'>
<div class="borderwrap">
<div class='maintitle' id='myass-drag' title='{$this->ipsclass->lang['myass_drag']}'>
 <div style='float:right'><a href='java script:void(0);' onclick='document.getElementById("get-myassistant").style.display="none"'>[X]</a></div>
 <div>{$this->ipsclass->lang['myass_title']}</div>
</div>
<div id='myass-content' style='overflow-x:auto;'></div>
</div>
</div>
<!-- Loading Layer -->
<div id='loading-layer' style='display:none'>
<div id='loading-layer-shadow'>
   <div id='loading-layer-inner'>
 	<img src='style_images/<#IMG_DIR#>/loading_anim.gif' border='0' alt='{$this->ipsclass->lang['ajax_loading_msg']}' />
	<span style='font-weight:bold' id='loading-layer-text'>{$this->ipsclass->lang['ajax_loading_msg']}</span>
	</div>
</div>
</div>
<!-- / Loading Layer -->

вот этот клас borderwrap

.borderwrap 
 border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-top: 0px solid #fff;
padding: 0; 
margin: 0;

ПС

Нетырял я ничего :'(

Share this post


Link to post
Share on other sites

В коде помощшика попробуйте заменить

<div class="borderwrap">

На

<div class="borderwrap" style="margin:-2px">

 

Глючит что-то другое, но что, разобраться не могу.

Скин чужой, а в моих таких глюков нет.

Share this post


Link to post
Share on other sites

Ура!!

 

/* задний фон табов */
.pp-tabwrap
{
border:0px;
border-left: 1px solid #fff;
height: [b]26[/b]px;
margin:0px;
padding:0px;
}

Исправил на 26

И полоска пустоты в Опере исчезла :(

 

но по прежнему в табах помошника Обновления, новые сообшения

И в табах провеля Темы, сообщения

пропадает картинка url(zp/folder_profile_portal/pp-css-contentblock.gif);

Даже незнаю с чем это связано сам прикол в в том что если странуцу прокрутить в верх а потом опустить картинка появляется до следующено гажания на таб О_о

Пробовал менять формат картинки на jpg тот же эфект

Попробую еще на других компах в Опере понаблюдать

 

ПС

Кстати подскажите как просвещяемость выпадающих меню сделать!?

Edited by Raver

Share this post


Link to post
Share on other sites

Блин да что опять такое :)

полезло в IE там где ник http://emra.zp.ua/index.php?showtopic=5865

 

post-5098-1230169119_thumb.jpg

 

 

во всех остальных браузерах всё нормально с разметкой вроде тоже всё нормально :)

Share this post


Link to post
Share on other sites

Вы там оставили структуру с двумя роями?

Или верхний снесли?

Похоже на то.

Содержимое слева распределяется, пытаясь приспособиться к высоте спарава...

 

Если ряды объединили, то в левой ячейке должен быть проставлен параметр valign="top".

Возможно, это поможет.

 

 

Точно.

У Вас там в коде

 <td valign="middle" width="1%"  style="height:1px"> <a name="entry91215"></a>

valign="middle" замените на valign="top"

Share this post


Link to post
Share on other sites

Спасибо!

но valign="top" не помог смысл в том что у меня поле ника было в ячейке а эта ячейка какогото в IE увеличивалась, я пыьался принудительно ячейке(строке) задать размер width="1%" style="height:1px" :)

 

А потом прикинул зачем вообще она надо для ника ячейка и обьеденил ник и аватар с юзер инфо в одну ячейку с параметром valign="top" :) и теперь всё пучком

ПС

еще раз спасибо уже второй раз в 3 часа ночи получаю ответ прикольно, респект полуночникам)))))

Share this post


Link to post
Share on other sites

Только сейчас обратила внимание...

Зачем же копирайты форума испортили?

Хотим помощи, а труд разработчиков не уважаем?

 

Если в следующий раз придете, не отвечу, пока копирайты форума не поправите.

Share this post


Link to post
Share on other sites

Всмысле испортили :) они на месте.

Мне кажется если в код IPB было внесено множество модификаций в том числе 30% личных то в полне логично дописать

того кто это вностил EMRA Edition.

Это уже не стандартная редакция форума а модифицированная и много людей в том числе и я при виде того или иного мода задаются вопросом а чей он, или чья это редакция...

 

ПС

Это нормальное явление

Edited by Raver

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