Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Общие вопросы по заказу таблиц (2)


Общие вопросы по заказу таблиц (2)

Сообщений 281 страница 290 из 290

281

Подскажите, пожалуйста, как сделать данный шрифт в таблице открывающимся

0

282

*вопрос решен и снят, извиняюсь*

Отредактировано Варя; (Пт, 21 Июл 2017 08:10:46)

0

283

Ох, все же мне нужна помощь. У меня есть вот такой код:

Код:
<style type="text/css">
div.block {
  height:200px;
  background: rgba(255, 255, 255, 0.49);
  overflow-y:auto;
  overflow-x:hidden;
}
div.Kn {
  display:inline-block;
  height:50px;
  width:145px;
   background:url(http://images.vfl.ru/ii/1500644670/62da0ad1/17993083.png) center no-repeat;
}
div.Kn:hover {
   background:url(http://images.vfl.ru/ii/1500644670/62da0ad1/17993083.png) center no-repeat;
}
div.Kn.active {
  background:url(http://images.vfl.ru/ii/1500644670/62da0ad1/17993083.png) center no-repeat;
}
.Kn-title {
  font: normal normal 400 13px/normal "Times New Roman";
  margin-top:-2px;
  margin-left:-7px;
}
div.tab {
  height:100%;
  display:none;
  overflow-y:auto;
  overflow-x:hidden;
}
</style>
    <td>
   <div class="Kn" style="margin-left: 57px;"></div>
   <div class="Kn" title="Кнопка 2"></div>
</td>
<td>
   <div class="Kn" style="margin-left: 220px;"></div>
   <div class="Kn" title="Кнопка 4"></div>
  </td>
<table cellspacing="5" style="background:url(http://images.vfl.ru/ii/1500634460/9fec10f4/17991445.png) center no-repeat;
  height:344px;
  margin-left:25px;
  width:890px;
  margin-top: -34px;
  table-layout:fixed;">
<tr valign=center align=center>
  <td width="33%">
   <div class="block" style="
    height: 80px;
    width: 220px;
    margin-top: 19px;
    margin-left: 22px;">
<!-- Контент левый верхний блок -->
   </div>
   <div class="block"  style="height:150px; width:170px; margin-top:12px">
<!-- Контент левый нижний блок -->
  </td>
  <td width="30%">
<div class="block" style="height: 80px;margin-top: 19px;">
<!-- Контент средний верхний блок -->
   </div>

   <div class="block"  style="height:150px;margin-top:12px">
<!-- Контент средний нижний блок -->
   <!-- Переключаемые Вкладки -->
 
   <div class="tab">
<!-- Контент Первой Вкладки-->
1
     </div>
        <div class="tab">
<!-- Контент Второй Вкладки-->
2
     </div>
        <div class="tab">
<!-- Контент Третьей Вкладки-->
3
     </div>
        <div class="tab">
<!-- Контент Четвертой Вкладки-->
4
     </div>
   </div>
  </td>
  <td width="33%">
   <div class="block" style="height: 80px;
    width: 220px;
    margin-top: 19px;
    margin-right: 22px;">
<!-- Контент правый верхний блок -->
   </div>
   <div class="block"  style="height:150px;  width: 170px;
    margin-top:12px">
<!-- Контент  правый нижний блок -->
  </td>
</table>
<script type="text/javascript">
$('.Kn').eq(0).addClass('active');
$('.tab').eq(0).show();   
$('.Kn').click(function(){
     $('.Kn').removeClass('active');
     $(this).addClass('active');
     var num = $('.Kn').index(this);
     $('.tab').hide().eq(num).show();
});
$('div.Kn').tipsy({fade: true, gravity: 'e Kn-title'}); 
</script>


Мне нужно из верхнего сделать нижний результат ( выровнять ширину ячеек как на нижнем скрине). У меня это не получается, все едет куда-то, не хочет нормально выпрямляться(

http://s6.uploads.ru/Gb8si.png

http://filice.mybb.ru/

0

284

Варя;, примерно так:

Код:
<table cellspacing="5" style="background:url(http://images.vfl.ru/ii/1500634460/9fec10f4/17991445.png) center no-repeat;
  height:344px;
  margin-left:25px;
  width:890px;
  margin-top: -34px;
  table-layout:fixed;">
<tr valign=bottom align=center>
  <td>
   <div class="block" style="display: inline-block;
    height: 80px;
    width: 220px;
    margin-top: 20px;
    margin-left: 45px;">
<!-- Контент левый верхний блок -->
   </div>

   <div class="block" style="display: inline-block; height: 80px; width: 340px; margin-top: 20px;">
<!-- Контент средний верхний блок -->
   </div>
   <div class="block" style="display: inline-block;
    height: 80px;
    width: 220px;
    margin-top: 20px;
    margin-right: 45px;">
<!-- Контент правый верхний блок -->
   </div>
  </td>
</tr>
<tr valign=top align=center>
  <td>
   <div class="block"  style="display: inline-block; height:150px; width:170px; margin-left: 45px;">
<!-- Контент левый нижний блок -->
   </div>
   <div class="block"  style="display: inline-block; height:150px; width: 440px;">
<!-- Контент средний нижний блок -->
   <!-- Переключаемые Вкладки -->
 
   <div class="tab">
<!-- Контент Первой Вкладки-->
1
     </div>
        <div class="tab">
<!-- Контент Второй Вкладки-->
2
     </div>
        <div class="tab">
<!-- Контент Третьей Вкладки-->
3
     </div>
        <div class="tab">
<!-- Контент Четвертой Вкладки-->
4
     </div>
   </div>
   <div class="block"  style="display: inline-block; height:150px;  width: 170px; margin-right: 45px;">
<!-- Контент  правый нижний блок -->
   </div>
  </td>
</tr>
</table>

Собственно, табличка. Остальное без изменений.

+1

285

Здравствуйте. У меня такой вопрос можно ли сделать таблицу обычную...
Но под нее вставить фон, который распространялся бы на всю ширину форума. Или это надо вставлять в дизайн и если да то куда?
форум вот http://design2208.mybb.ru/

а вот изображение то, что нужно вставить и на ней сделать таблицу поверх

http://s8.uploads.ru/t/0wnzk.jpg

0

286

Доброго времени суток!
Скажите, а больше заказать таблицу для объявлений нельзя?

0

287

Кэтью
Можно... Если кто-то возьмется сделать - Ваш заказ выполнят (вероятность есть... Я сам не занимаюсь этим, ибо времени катастрофически не хватает... Делаю ток самое основное, что без меня не решить

0

288

Alex_63
м, понятно
А заказ можно выложить в эту тему?

0

289

Кэтью
Думаю, да, я перенесу Ваше сообщение в тему по заказу. Массово мы заказы не принимаем, поэтому та тема закрыта, но если кто возьмется делать таблички для юзеров, я открою :)

0

290

Хорошо, спасибо
Позже тогда нарисую макет

+1


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Общие вопросы по заказу таблиц (2)