Я уже выкладывала этот код( Помогите с кодом объявления ), и сново произошла заминка, мне нужно выравнить "кнопки": "Новости" "Администрация" "Реклама" и т.д. по вертикали. Уже все и везде перепробовала.
Вертикальное выравнивание текста в коде
Сообщений 1 страница 16 из 16
Поделиться2Ср, 16 Мар 2011 19:25:19
Wikki Адрес проблемы
___________________________
Лечу зубы по Описанию зубов(*Дорого
ЗЫ: и зачем создавать две темы, для одного и того же объявления(помогающих двое... все мы смотрим новые сообщения, продолжали бы в той же
Отредактировано Deff (Ср, 16 Мар 2011 19:27:46)
Поделиться3Ср, 16 Мар 2011 20:08:02
Я уже выкладывала этот код( Помогите с кодом объявления ), и сново произошла заминка, мне нужно выравнить "кнопки": "Новости" "Администрация" "Реклама" и т.д. по вертикали. Уже все и везде перепробовала.
Попробуйте добавить в код выделенное красным:
<tr>
<td style="vertical-align: middle;">
<div id="menu">
Поделиться4Чт, 17 Мар 2011 13:34:36
Wikki Адрес проблемы
ЗЫ: и зачем создавать две темы, для одного и того же объявления(помогающих двое... все мы смотрим новые сообщения, продолжали бы в той же
Извиняюсь, просто эта тема очень востребованна и если найжем решение то поможет не только мне, а если будет все в одной теме, то вариант того, что ответ найдут сразу снижается...
Да и бывает такое, что а некоторых форумах ругаеются, когда в одной теме много вопросов. Мол на каждый вопрос, своя тема...
Поделиться5Чт, 17 Мар 2011 13:35:11
Попробуйте добавить в код выделенное красным:
Не помогает. Я уже пробовала и никакой реакции. Сейчас сново вписала и ничего не происходит...
Поделиться6Чт, 17 Мар 2011 14:30:12
Не помогает. Я уже пробовала и никакой реакции. Сейчас сново вписала и ничего не происходит...
Скорее всего Вы говорите про раздвижку строк:
.submenutext {
line-height:normal;
display: none;
height: 60px;
}
Или вместо normal задайте значение жестко в процентах (раздвигать пропорционально высоте можно наверно ток скриптом
Отредактировано Deff (Чт, 17 Мар 2011 14:32:45)
Поделиться7Чт, 17 Мар 2011 16:20:11
Скорее всего Вы говорите про раздвижку строк:
Нет.. к сожалению совершенно не то...
Поделиться8Чт, 17 Мар 2011 16:21:12
Wikki Тогда Нарисуйте скриншот со стрелками - как есть и как нужно
Поделиться9Чт, 17 Мар 2011 16:39:22
То, что выделено зеленым, спустить на красную линию.
Поделиться10Чт, 17 Мар 2011 17:26:07
То, что выделено зеленым, спустить на красную линию.
Вся табличка
<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>
Поделиться11Чт, 17 Мар 2011 18:00:44
Вся табличка
Теперь возникла проблема:
Поделиться12Чт, 17 Мар 2011 18:03:00
тут есть решение, либо опустить эти кнопочки еще пониже, чтобы все было в одном окошке или поднять.. но дело в том, что если поднимать, то я хочу чтобы эти кнопки стояли ПОСЕРЕЛИНЕ узенькой панели.
Поделиться13Чт, 17 Мар 2011 18:13:07
Wikki я не вижу этих панелей установленных бекграундом - чо тогда спрашивать - у мну вона ускоритель не работает
перезалейте картинки к себе на форум и поменяйте в Вашем коде ссылки
http://forum.mybb.ru/viewtopic.php?id=24126 п.п.25
Отредактировано Deff (Чт, 17 Мар 2011 18:16:20)
Поделиться14Чт, 17 Мар 2011 18:49:06
перезалейте картинки к себе на форум и поменяйте в Вашем коде ссылки
сделала
Поделиться15Чт, 17 Мар 2011 19:46: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)
Поделиться16Пт, 18 Мар 2011 10:48:06
Deff Спасибо большое =) помогло =) а если не секрет, скажите где что было то? =)
Отредактировано Wikki (Пт, 18 Мар 2011 10:48:23)
Похожие темы
FAQ: Введение в основы составления CSS-кодов | Справочная | Вс, 13 Дек 2009 |
Лучший форум для общения - форум Кубани (с) | Наши форумы | Пт, 30 Май 2025 |
Общие вопросы по оформлению (26) | Корзина | Вт, 7 Дек 2010 |
FAQ по созданию своей странички на формуме | Справочная | Вт, 19 Май 2009 |
FAQ по дизайну форума в CSS | Справочная | Вс, 5 Ноя 2006 |