ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее

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

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



Таблица, кроссбраузерность, исправление

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

1

Проблема возникла с уже выпрашиваемой табличкой
[Выполнено] Таблица

1

http://sd.uploads.ru/t/mkHgy.jpg

Код на данный момент

<ul class="tabs">
    <li class="active"><a href="#tab1"> </a></li>
    <li><a href="#tab2"> </a></li>
</ul>
<table border="1" cellpadding="1" cellspacing="1" style="width: 850px; height: 270px">
<tbody>
    <tr height="50px">
    <td colspan="2" style="text-align: center;">
        <div style="height: 100%;"<marquee behavior="SCROLL" loop="infinite" Direction="right"  onMouseOver="this.stop()"  onMouseOut="this.start()">
<a href="http://deathisland.mybb.ru"><img
src="http://s018.radikal.ru/i502/1405/c8/e62c9c6361e5.png"
title="Враг - это ты сам, если не возьмешь себя в руки (с)." width=88 height=31 border=0></a><a href="http://overlove.anihub.ru/"><img src="http://sb.uploads.ru/mVaKl.png" title=" Devilish House"></a>
<a href="http://dnrevival.rusff.ru/" target=_blank><img src="http://s1.ipicture.ru/uploads/20140526/WCuUU9KO.png" title="Death Note: Justice Revival" width="88" height="31"></a><a href="http://chainedtogether.anihub.ru" target="_blank" ><img src="http://sa.uploads.ru/CHxX1.gif"/></a>
<!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=22509&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/22509' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
"<img src='http://img.rpgtop.su/88x31x11x8.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> ";
document.write(topRPGc);
</script>
<noscript>
<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=22509' width='1' height='1' border='0'><a href='http://top.roleplay.ru/22509' target='_top'><img src='http://img.rpgtop.su/88x31x11x8.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<!-- /Top.Roleplay.Ru -->
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=18622' target='_blank'>
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=18622&cid=1_2.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=18622&cid=1_2.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a>

</marquee><hr></div>
    </td>
    </tr>
    <tr height="180px">
    <td style="text-align: center;" width="60%">

    <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
    <!-- Контент 1 -->
<table border="0" cellpadding="1" cellspacing="1" style="width:550px; height: 270px">
<tbody>
    <tr height="160px">
    <td style="text-align: center;" width="50%"><div style="height: 100%; overflow-y: scroll;"><img  src="http://se.uploads.ru/2whXG.png"><i>28.06.2014</i><br>А у нас появилась арена. Правила "голодных игр" вы можете узнать <a href="http://birds.rusff.ru/viewtopic.php?id=89">здесь</a>. Готовятся к выпуску первые мегаквесты, подчищен список участников. Оставайтесь на связи, товарищи пернатые! <br><br><i>23.06.2014</i><br>Настал момент первого казнимого,  <a href="http://birds.rusff.ru/viewtopic.php?id=83#p2471">подробности здесь</a>. Помимо того на форуме претерпела изменения таблица, кнопочки и прочие мелочи. Все ещё с вами, птички~ <br><i>10.06.2014</i><br>Любите и жалуйте Чиби, она няшка <3<br><i>1.06.2014</i><br>Ролевая торжественно и в красивенькую дату открывается (хвала идеализму). Гип-гип, ура!<br><i>19.05.2014</i><br>Ролевая ещё закрыта, но появилась таблица и Роб здесь балуется. Самое тяжелое и не особо любимое преодолено, проделана основная работа. Осталось дело за малым, но открытие в ближайшее время не планируется.</div></td>
    <td style="text-align: center;" width="50%"><div style="height: 100%; overflow-y: scroll;"><div><img  src="http://se.uploads.ru/AQzrN.png"><br>С прибытием в царство птичье и сонливое, ограниченное лишь скромной буковкой <b>R</b> рейтинга.<br>У нас ты найдешь волну ночных фантазий, восторгов и захватывающих приключений. На долю  выпадет настоящий "Форт Боярд", пройдя который, возможно, наверное, скорее всего, ты возвратишься в свой обыденный мирок. Но пока есть время, пока за окном не поднялось солнце, насладись собственными грезами.<br>
Приятных сновидений, птичка.</div></div></td>
    </tr>
</tbody>
</table>

</div>

<div style="display: none;" id="tab2" class="tab_content">
    <!-- Контент 2 -->
<table border="0" cellpadding="1" cellspacing="1" style="width: 550px; height: 270px">
<tbody>
    <tr height="160px">
    <td style="text-align: center;" width="50%">
<img  src="http://sf.uploads.ru/MYPjm.png"><br>
        <div style="height: 100%;"><a href="ссылка"><img alt="" height="40" src="http://www.graduateinjapan.com/images/icon-question.png" width="40"></a> &nbsp; &nbsp; <a href="ссылка"><img alt="" height="40" src="http://www.graduateinjapan.com/images/icon-question.png" width="40"></a> &nbsp; &nbsp; <a href="ссылка"><img alt="" height="40" src="http://www.graduateinjapan.com/images/icon-question.png" width="40"></a> <br>
        <hr>Поздравляем с началом игры! Пошли в ход первые комнаты и кормушки,
появился даже чемпион по спринт-прохождению комнаты:
<a href="http://birds.rusff.ru/viewtopic.php?id=50">подробности здесь</a>. С нетерпением ждем новых комнат и новых чемпионов, ваше птицерадио~ <br><i>Предположительная дата:</i> 19 мая.<br><i>События в мире:</i> спокойно, пророчат очередной конец света.<br><i>Погода:</i> ясно.</div>
    </td>
    <td style="text-align: center;" width="50%">
        <div style="height: 100%;">
<img  src="http://sd.uploads.ru/6lw9Z.png"><br>
<div><a href="http://birds.rusff.ru/profile.php?id=2" class="tip_trigger"><img alt="" height="80" src="http://forumavatars.ru/img/avatars/0013/ef/34/2-1396270686.png" width="80"> <span class="tip"><b>Robin Red</b><br>Создатель и глав админ<br>
- Анкеты, GM, вопросы по мат и техчасти.<br>skype: malka_vero, ICQ: 678847880</span></a>   
<a href="http://birds.rusff.ru/profile.php?id=3" class="tip_trigger"><img alt="" height="80" src="http://forumavatars.ru/img/avatars/0013/ef/34/3-1401876534.png" width="80"> <span class="tip"><b>Volka</b><br>- Помощник, беспощадный, пока не великий<br>
- Анкеты, просрочки, фш, пиар и пенделя.<br>
skype: christalstorm12, ICQ: 608069885</span></a></div><br>

<div><a href="http://birds.rusff.ru/profile.php?id=15" class="tip_trigger"><img alt="" height="40" src="http://forumavatars.ru/img/avatars/0013/ef/34/15-1403558457.png" width="40"> <span class="tip"><b>Pepperoni</b><br>Идейный вдохновитель матчасти<br>
ICQ: 642516733</span></a>   
<a href="http://birds.rusff.ru/profile.php?id=10" class="tip_trigger"><img alt="" height="40" src="http://forumavatars.ru/img/avatars/0013/ef/34/10-1401949318.jpg" width="40"> <span class="tip"><b>Solar</b><br>Пиарщик<br></a></div>
        </div>
    </td>
    </tr>
</tbody>
</table>

</div>

      </div>

</td>
    <td style="text-align: center;" width="40%"><img  src="http://sd.uploads.ru/dMivU.png"><br>Для обожаемых гостей:<br>
<div style="padding: 6px; background: #c7c6c2; opacity: 0.8; -moz-border-radius: 0px 0px 0em 0em;width: 250px; margin: -1px 0px 0px 1px;">
<a href="http://birds.rusff.ru/viewtopic.php?id=23" class="sbla">сюжет</a>
<a href="http://birds.rusff.ru/viewtopic.php?id=13#p44" class="sbla">птицы</a>
<a href="http://birds.rusff.ru/viewtopic.php?id=24#p68" class="sbla">способности</a>
<a href="http://birds.rusff.ru/viewtopic.php?id=45#p109" class="sbla">искомые</a>
<a href="http://birds.rusff.ru/viewtopic.php?id=27#p71" class="sbla">специфика</a>
<a href="http://birds.rusff.ru/viewtopic.php?id=12" class="sbla">правила</a>
<a href="http://birds.rusff.ru/viewtopic.php?id=19" class="sbla">занятые лица</a>
</div>
Для не менее обожаемых пользователей:<br>
<div style="padding: 6px; background: #c7c6c2; opacity: 0.8; -moz-border-radius: 0px 0px 0em 0em;width: 250px; margin: -1px 0px 0px 1px;">
<a href="http://birds.rusff.ru/viewtopic.php?id=35" class="sbla">поиск соигрока</a>
<a href="http://birds.rusff.ru/viewtopic.php?id=34" class="sbla">отсутствие</a>
<a href="http://birds.rusff.ru/viewtopic.php?id=31" class="sbla">вопросы</a>
<a href="http://birds.rusff.ru/viewtopic.php?id=21" class="sbla">помощь с аватарами</a>
<a href="http://birds.rusff.ru/viewtopic.php?id=20#p51" class="sbla">заполнение профиля</a>
</div></td>
    </tr>
</tbody>
</table>

<style>
.container1 {width: 900px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin: 10px;
    padding: 0;
    float: right;
    list-style: none;
    height: 40px;
    width: 100%;
}
ul.tabs li {
    float: right;
    margin: 0;
    padding: 0;
    height: 30px;
    line-height: 40px;
    margin-bottom: -2px;
    overflow: hidden;
    border: 1px solid black;
    border-top-left-radius: 12px 30px;
    border-bottom-right-radius: 12px 30px;
    left: 10px;
    position: relative;
    margin-right: 30px;
    width: 103px;
    padding-left: 24px;
    transition: 0.3s
}

ul.tabs li a {
    text-decoration: none;
    color: black;
    display: block;
    padding: 0 5px;
    outline: none;
}

html ul.tabs li.active  {
    background: rgba(80, 80, 80, 0.5);

html ul.tabs li.active a:hover  {
        background: url();
    border-bottom: 0px solid #626262;
}

.tab_container1 {
    clear: both;
    float: left;
    height: 278px;   
    background-color: transparent; 
}

.tab_content {
    padding: 5px;
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}
</style>

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

0

2

Избавились с горем пополам, извините за беспокойство с.

0