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

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

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


Вы здесь » Единый форум поддержки » Корзина » Вертикальное выравнивание текста в коде


Вертикальное выравнивание текста в коде

Сообщений 1 страница 16 из 16

1

Я уже выкладывала этот код( Помогите с кодом объявления ), и сново произошла заминка, мне нужно выравнить "кнопки": "Новости" "Администрация" "Реклама" и т.д. по вертикали. Уже все и везде перепробовала.

0

2

Wikki Адрес проблемы

___________________________
Лечу зубы по Описанию зубов(*Дорого

ЗЫ: и зачем создавать две темы, для одного и того же объявления(помогающих двое... все мы смотрим новые сообщения, продолжали бы в той же

Отредактировано Deff (Ср, 16 Мар 2011 19:27:46)

0

3

Wikki написал(а):

Я уже выкладывала этот код( Помогите с кодом объявления ), и сново произошла заминка, мне нужно выравнить "кнопки": "Новости" "Администрация" "Реклама" и т.д. по вертикали. Уже все и везде перепробовала.

Попробуйте добавить в код выделенное красным:

<tr>
   <td style="vertical-align: middle;">
    <div id="menu">

0

4

Deff написал(а):

Wikki Адрес проблемы

http://buslaev.rolca.ru/

Deff написал(а):

ЗЫ: и зачем создавать две темы, для одного и того же объявления(помогающих двое... все мы смотрим новые сообщения, продолжали бы в той же

Извиняюсь, просто эта тема очень востребованна и если найжем решение то поможет не только мне, а если будет все в одной теме, то вариант того, что ответ найдут сразу снижается...
Да и бывает такое, что а некоторых форумах ругаеются, когда в одной теме много вопросов. Мол на каждый вопрос, своя тема...

0

5

rps написал(а):

Попробуйте добавить в код выделенное красным:

Не помогает. Я уже пробовала и никакой реакции. Сейчас сново вписала и ничего не происходит...

0

6

Wikki написал(а):

Не помогает. Я уже пробовала и никакой реакции. Сейчас сново вписала и ничего не происходит...

Скорее всего Вы говорите про раздвижку строк:

.submenutext {
line-height:normal;
display: none;
height: 60px;
}

Или вместо normal задайте значение жестко в процентах (раздвигать пропорционально высоте можно наверно ток скриптом

Отредактировано Deff (Чт, 17 Мар 2011 14:32:45)

0

7

Deff написал(а):

Скорее всего Вы говорите про раздвижку строк:

Нет.. к сожалению совершенно не то...

0

8

Wikki Тогда Нарисуйте скриншот со стрелками - как есть и как нужно

0

9

То, что выделено зеленым, спустить на красную линию.

0

10

Wikki написал(а):

То, что выделено зеленым, спустить на красную линию.

Вся табличка

Код:
	<center>
<style type="text/css">
#menu {
padding-left: 20px;
font-size:12px;
text-align: center;
background-image:url(http://i.piccy.info/i5/39/35/1233539/Bezymeny-1.png);
background-repeat: no-repeat;
background-position: center;
}

#menu a {
padding: 0 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}

#submenu {
padding: 5px;
height: 200px;
text-align: center;
font-size: 12px;
width: 700px;
}

.submenutext {
display: none; 
height: 60px;
}


#MenuTxT {
 background:url(http://i.piccy.info/i5/26/36/1233626/4wBUpW7M_kopyia.png) no-repeat center;
text-shadow: #755a57 2px 2px 12px,#9C816C -2px -2px 12px,#94A4B0  1px 1px 2px;
}

#submenu A {
color: #CCC; 
}
#menu .tabactive {
color: 65065f;
}
</style>
<!-- Cкрипт для всей Таблички  -->


<table id=007 style="width: 730px;">
 <tbody>
  <tr>
   <td valign="bottom">
    <div id="menu"  style="height:0px;"> <i>
     <a alt=#sm1 "style="cursor: pointer;">Новости</a>
     <a alt=#sm2 "style="cursor: pointer;">Администрация</a>
     <a alt=#sm3 "style="cursor: pointer;">Время|Погода</a>
     <a alt=#sm4 "style="cursor: pointer;">События</a>
     <a alt=#sm5 "style="cursor: pointer;">Ссылки</a>
     <a alt=#sm6 "style="cursor: pointer;">Партнеры</a>
     <a alt=#sm7 "style="cursor: pointer;">Реклама</a>
      </i>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="center">
    <div id="submenu" align="center"> <i>
     <div id="sm1" class="submenutext" style="display:block;"><br /><br />
<div style="overflow: scroll; overflow-x: hidden; height:150px;">
<b>Открытие</b>
<br>Добро пожаловать но ролевую игру по МБ. Наши двери открыты для всех желающих. Не важно, читали ли вы Мефодия Буслаева или нет, все равны.<br>
Мы убрали с ролевой канонических персонажей, и теперь регистрация канонов не приветствуется.<br><br>
<center><b><font color="red">В</font>нимани<font color="red">е</font>!!</b></center><br>
Так как ролевая имеет много категорий и форумов, сделано сворачивание категорий (Кнопочка "_"/"+"). До того, как страница прогрузится, сворачивание будет немного тормозить.
</div></div>
     <div id="sm2" class="submenutext"><br /><br />
<br><a href="http://buslaev.rolca.ru/profile.php?id=2">Дарена Страшко</a>
<br>Идет набор</div>
     <div id="sm3" class="submenutext"><br /><br />
<table width="100%" border="0">
<tr>
<td>
<b>Время</b></td>
<td>
<b>Погода</b></td></tr></table></div>
     <div id="sm4" class="submenutext"><br /><br />Сюжет и правила находятся в стадии разработки, и мы приветствуем любую помощь.</div>
     <div id="sm5" class="submenutext"><br /><br />
<table width="100%" border="0">
<tr>
<td>
<b>Для гостей</b>
<br><a href="http://buslaev.rolca.ru/viewforum.php?id=3">Гостевая</a>
<br><a href="http://buslaev.rolca.ru/viewtopic.php?id=5">Правила</a>
<br><a href="http://buslaev.rolca.ru/viewtopic.php?id=21#p25">Сюжет</a>

<br><a href="http://buslaev.rolca.ru/viewtopic.php?id=8">Список ролей</a>
</td>
<td>
<br><b>Для участников</b>
<br>Отсутствие|Уход
<br>Заполнение профиля
<br>Галерея
<br>Поиск партнера по игре
</td></tr></table></div>
     <div id="sm6" class="submenutext"><br /><br />
<b>Наши партнеры:</b>
</div>
     <div id="sm7" class="submenutext"><br /><br />
<br>Для рекламирования вашего форума, воспользуетесь следующим аккаунтом:<br>
<b>Ник:</b> Реклама <br>
<b>Пароль</b> 0000
<br>
<table width="100%" border="0">
<tr>

</tr></table>
</div>
     </i>
    </div>
   </td>
  </tr>
 </tbody>
</table>
<script type="text/javascript">

$(document).ready(function() {

$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs a:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();

$("div.#menu a").click(function() {
    $("div.#menu a").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false;
 });
});
</script>
</center>

0

11

Deff написал(а):

Вся табличка

Теперь возникла проблема:

0

12

тут есть решение, либо опустить эти кнопочки еще пониже, чтобы все было в одном окошке или поднять.. но дело в том, что если поднимать, то я хочу чтобы эти кнопки стояли ПОСЕРЕЛИНЕ узенькой панели.

0

13

Wikki я не вижу этих панелей установленных бекграундом - чо тогда спрашивать - у мну вона ускоритель не работает
перезалейте картинки к себе на форум и поменяйте в Вашем коде  ссылки

http://forum.mybb.ru/viewtopic.php?id=24126 п.п.25

Отредактировано Deff (Чт, 17 Мар 2011 18:16:20)

0

14

Deff написал(а):

перезалейте картинки к себе на форум и поменяйте в Вашем коде  ссылки

сделала

0

15

Код:
	<center>
<style type="text/css">
#menu {
padding-left: 20px;
padding-top: 16px;
font-size:12px;
height:30px;
text-align: center;
}

#menu a {
margin-right: 5px;
padding: 0 10px;
width: 100px;
text-decoration: none;
}

#submenu {
padding: 5px;
height: 200px;
text-align: center;
font-size: 12px;
width: 700px;
}

.submenutext {
display: none; 
height: 60px;
}


#MenuTxT {
 background:url(http://upforme.ru/uploads/000f/07/73/34-1-f.png) no-repeat center;
text-shadow: #755a57 2px 2px 12px,#9C816C -2px -2px 12px,#94A4B0  1px 1px 2px;
}

#submenu A {
color: #CCC; 
}
#menu .tabactive {
color: 65065f;
}
</style>
<!-- Cкрипт для всей Таблички  -->


<table id=007 style="width: 730px;">
 <tbody>
  <tr>
   <td valign="bottom"  style="position:relative;z-index:100;height:0px;background:url(http://upforme.ru/uploads/000f/07/73/34-2-f.png)no-repeat center;">
    <div id="menu"> <i>
     <a alt=#sm1 "style="cursor: pointer;">Новости</a>
     <a alt=#sm2 "style="cursor: pointer;">Администрация</a>
     <a alt=#sm3 "style="cursor: pointer;">Время|Погода</a>
     <a alt=#sm4 "style="cursor: pointer;">События</a>
     <a alt=#sm5 "style="cursor: pointer;">Ссылки</a>
     <a alt=#sm6 "style="cursor: pointer;">Партнеры</a>
     <a alt=#sm7 "style="cursor: pointer;">Реклама</a>
      </i>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="center">
    <div id="submenu" align="center"> <i>
     <div id="sm1" class="submenutext" style="display:block;"><br /><br />
<div style="overflow: scroll; overflow-x: hidden; height:150px;">
<b>Открытие</b>
<br>Добро пожаловать но ролевую игру по МБ. Наши двери открыты для всех желающих. Не важно, читали ли вы Мефодия Буслаева или нет, все равны.<br>
Мы убрали с ролевой канонических персонажей, и теперь регистрация канонов не приветствуется.<br><br>
<center><b><font color="red">В</font>нимани<font color="red">е</font>!!</b></center><br>
Так как ролевая имеет много категорий и форумов, сделано сворачивание категорий (Кнопочка "_"/"+"). До того, как страница прогрузится, сворачивание будет немного тормозить.
</div></div>
     <div id="sm2" class="submenutext"><br /><br />
<br><a href="http://buslaev.rolca.ru/profile.php?id=2">Дарена Страшко</a>
<br>Идет набор</div>
     <div id="sm3" class="submenutext"><br /><br />
<table width="100%" border="0">
<tr>
<td>
<b>Время</b></td>
<td>
<b>Погода</b></td></tr></table></div>
     <div id="sm4" class="submenutext"><br /><br />Сюжет и правила находятся в стадии разработки, и мы приветствуем любую помощь.</div>
     <div id="sm5" class="submenutext"><br /><br />
<table width="100%" border="0">
<tr>
<td>
<b>Для гостей</b>
<br><a href="http://buslaev.rolca.ru/viewforum.php?id=3">Гостевая</a>
<br><a href="http://buslaev.rolca.ru/viewtopic.php?id=5">Правила</a>
<br><a href="http://buslaev.rolca.ru/viewtopic.php?id=21#p25">Сюжет</a>

<br><a href="http://buslaev.rolca.ru/viewtopic.php?id=8">Список ролей</a>
</td>
<td>
<br><b>Для участников</b>
<br>Отсутствие|Уход
<br>Заполнение профиля
<br>Галерея
<br>Поиск партнера по игре
</td></tr></table></div>
     <div id="sm6" class="submenutext"><br /><br />
<b>Наши партнеры:</b>
</div>
     <div id="sm7" class="submenutext"><br /><br />
<br>Для рекламирования вашего форума, воспользуетесь следующим аккаунтом:<br>
<b>Ник:</b> Реклама <br>
<b>Пароль</b> 0000
<br>
<table width="100%" border="0">
<tr>

</tr></table>
</div>
     </i>
    </div>
   </td>
  </tr>
 </tbody>
</table>
<script type="text/javascript">

$(document).ready(function() {

$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs a:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();

$("div.#menu a").click(function() {
    $("div.#menu a").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false;
 });
});
</script>
</center>

Отредактировано Deff (Чт, 17 Мар 2011 19:51:10)

+1

16

Deff Спасибо большое =) помогло =) а если не секрет, скажите где что было то? =)

Отредактировано Wikki (Пт, 18 Мар 2011 10:48:23)

0


Вы здесь » Единый форум поддержки » Корзина » Вертикальное выравнивание текста в коде