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

Объявление

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

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

Подробнее

Мийрон

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

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

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

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

Предложения
На форуме идут технические работы. Кое-что кое-где может отображаться криво. Мы скоро всё поправим. :)

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

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



[Выполнено] Таблица

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

1

Хотелось бы уже имеющуюся таблицу сделать компактнее)

ссылка на ролевую
http://forbiddensector.mybb.ru/
пожелания
http://s2.uploads.ru/XH4Cj.png
пояснения
- возле баннеров прокрутка
- админы и модеры (квардары) - кликабельные аватары (70х70)

Отредактировано Jii-Jo (25.06.2013 17:24:02)

0

2

Шериан
Готово.

Код:
<table align="center" border="1" cellpadding="5" cellspacing="1" style="width: 900px; height: 400px;">
    	<tbody>
        <tr>
        	<td style="text-align: center;">
            1</td>
        	<td colspan="2" rowspan="1" style="text-align: center;">
            Добро пожаловать на «Запретный Сектор».
<p>Надеемся, наш мир окажется вам по душе, и вы останетесь у нас на долгое время. 
<p>Желаем вам приятной игры! <p>Просим наших гостей посетить <a href="ccылка">Акцию №3</a></td>
        </tr>
        <tr>
        	<td style="text-align: center;">
            <a href="ccылка">название</a><p>
            <a href="ccылка">название</a><p>
            <a href="ccылка">название</a><p>
            <a href="ccылка">название</a><p>
</td>
        	<td style="text-align: center;">
            <b>Время и погода</b><p></td>
        	<td style="text-align: center;">
            <img src="ccылка"></td>
        </tr>
        <tr>
        	<td colspan="1" rowspan="2" style="text-align: center;">            
	<table border="0" cellpadding="1" cellspacing="1" style="width: 350px;">
    	<tbody>
        <tr>
        	<td style="width: 100%; height: 100%; overflow-y: scroll;">
            <b>Друзья проекта</b>
<p>коды_баннеров</td>
        </tr>
        <tr>
        	<td><br><br>
            <b>Топы</b>
<p>коды_баннеров</td>
        </tr>
    	</tbody>
    </table></td>
        	<td colspan="1" rowspan="2" style="text-align: center; border: none;">
            <b>Администраторы</b><p>
<a href="профиль_1"><img src="ссылка" style="height: 70px; width: 70px;"></a>
<a href="профиль_2"><img src="ссылка" style="height: 70px; width: 70px;"></a>
<a href="профиль_3"><img src="ссылка" style="height: 70px; width: 70px;"></a></td>
        	<td colspan="1" rowspan="2" style="text-align: center; border: none;">
            <b>Модераторы</b><p>
<a href="профиль_4"><img src="ссылка" style="height: 70px; width: 70px;"></a>   
<a href="профиль_5"><img src="ссылка" style="height: 70px; width: 70px;"></a>
<a href="профиль_6"><img src="ссылка" style="height: 70px; width: 70px;"></a></td>
        </tr>
    	</tbody>
    </table>

<table align="center" border="1" cellpadding="5" cellspacing="1" style="width: 900px; height: 400px;">

Это - ширина границы
Это - высота/ширина самой таблицы

Отредактировано Jii-Jo (21.06.2013 14:01:14)

+1

3

Jii-Jo
спасибо)
а как сделать первый столбик уже?
и фон "сюжет, гостевая и пр" как на форуме сейчас?

поставила на тестовик:
http://sors.rusff.ru/

0

4

Шериан написал(а):

и фон "сюжет, гостевая и пр" как на форуме сейчас?

HTML-верх сейчас стоит

<style>
.urbangreymenu{
width: 150px; /*width of menu*/

}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0;
}

.urbangreymenu ul li{
padding-bottom: 2px;
}

.urbangreymenu ul li a{
font-family: verdana;
font-weight: normal;
font-size: 8px;
line-height: 3px;
margin: 0px;
padding-left: 0px;
text-decoration: none ;
text-transform: uppercase;
color: black;
background: #725453;
display: block;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
border-radius: 5px;
}

.urbangreymenu ul li a:visited{
color: #513130;
}

.urbangreymenu ul li a:hover
{color: #efecdd;
background: #513130;
}
</style>

У вас стоят стили к ссылкам, значит помимо <li></li> заключаем сразу все в Див) Вот код, там уже ширина обозначена, и ссылки вставлены в див.

<table align="center" border="1" cellpadding="5" cellspacing="1" style="width: 900px; height: 300px;">
    <tbody>
        <tr>
        <td style="text-align: center; width: 20%;">
            1</td>
        <td colspan="2" rowspan="1" style="text-align: center;">
            Добро пожаловать в &laquo;Запретный Сектор&raquo;.
            <p>
            Надеемся, наш мир окажется вам по душе, и вы останетесь с нами.</p>
            <p>
            Желаем вам приятной игры!</p>
            <p>
            Просим наших гостей посетить <a href="http://forbiddensector.mybb.ru/viewtopic.php?id=67">Акцию №3</a></p>
        </td>
        </tr>
        <tr>
        <td style="text-align: center;">
            <div class="urbangreymenu">
            <ul class="submenu">
                <li>
                <a href="http://forbiddensector.mybb.ru/viewtopic.php?id=6">Сюжет</a></li>
                <li>
                <a href="http://forbiddensector.mybb.ru/viewforum.php?id=2">Акции</a></li>
                <li>
                <a href="http://forbiddensector.mybb.ru/viewtopic.php?id=1">Гостевая</a></li>
            </ul>
            </div>

        </td>
        <td style="text-align: center;">
            <b>Время и погода</b>
            <p>
            &nbsp;</p>
        </td>
        <td style="text-align: center;">
            <img src="http://s2.uploads.ru/AZnPR.png" /></td>
        </tr>
        <tr>
        <td colspan="1" rowspan="2" style="text-align: center;">
            <table border="0" cellpadding="1" cellspacing="1" style="width: 200px;">
            <tbody>
                <tr>
                <td>
                    <b>Друзья проекта</b>
                    <p>
                    <a href="http://theemeraldisle.ru/" target="_blank"><img border="0" height="31" src="http://s1.uploads.ru/VOjSm.gif" title="Изумрудные острова" width="88" /></a> <a href="http://worldofeternalmagic.spybb.ru/" target="_blank"> <img border="0" height="31" src="http://s1.uploads.ru/i/9JIEY.gif" title="Мир вечной магии ждёт тебя!" width="88" /></a> <a href="http://veralandhollywood.rusff.ru/" target="_blank" title="VERALAND &amp; HOLLYWOOD"> <img src="http://s2.uploads.ru/t/1obna.gif" /></a> <a href="http://reilana.mybb.ru/"><img src="http://i25.fastpic.ru/big/2011/0707/e4/ad5db7d889f98400809ce56fe7e51ce4.gif" /></a> <a href="http://priceofmagic.rusff.ru/" title="Once Upon A Time: Price of magic"><img src="http://s2.uploads.ru/YtTOK.gif" /></a></p>
                </td>
                </tr>
                <tr>
                <td>
                    <br />
                    <br />
                    <b>Топы</b>
                    <p>
                    <a href="http://wizardtop.ru/in.php?id=2074" target="_blank" title="Волшебный рейтинг игровых сайтов"><img alt="Волшебный рейтинг игровых сайтов" border="0" height="31" src="http://wizardtop.ru/b/3.gif" width="88" /></a></p>
                </td>
                </tr>
            </tbody>
            </table>
        </td>
        <td colspan="1" rowspan="2" style="text-align: center; border: none;">
            <b>Администраторы</b>
            <p>
            <a href="профиль_1"><img src="ссылка" style="height: 70px; width: 70px;" /></a> <a href="профиль_2"><img src="ссылка" style="height: 70px; width: 70px;" /></a> <a href="профиль_3"><img src="ссылка" style="height: 70px; width: 70px;" /></a></p>
        </td>
        <td colspan="1" rowspan="2" style="text-align: center; border: none;">
            <b>Модераторы</b>
            <p>
            <a href="профиль_4"><img src="ссылка" style="height: 70px; width: 70px;" /></a> <a href="профиль_5"><img src="ссылка" style="height: 70px; width: 70px;" /></a> <a href="профиль_6"><img src="ссылка" style="height: 70px; width: 70px;" /></a></p>
        </td>
        </tr>
    </tbody>
    </table>

Это - ширина столбца
Это - навигация

0

5

Шериан
Ну-сс? )

0

6

тут внезапно такая проблема.. почему-то, ставя таблицу на форум... она не сохраняется оО

0

7

Шериан
о_о"
а можно ник/пароль в лс?

0

8

форум глюкал. Поставилась, но  как-то совсем не так, как на тестовике оО
Как можно убрать границы и поднять вверх первую колонку?
стиль сюжета и пр. изменился.

Отредактировано Шериан (24.06.2013 15:06:48)

0

9

Шериан
возможно стоит сделать первую колонку одну цельную

0

10

Rush
да, вот тоже об этом подумала) в прошлом варианте была такая же, но смотрелось оно иначе)

0