И снова всплывающее меню ==""

Поделиться1Чт, 15 Сен 2011 15:43:44

Автор: Martele
Заслуженный
Зарегистрирован: Вс, 20 Мар 2011
Сообщений: 82
Уважение: 0
Позитив: +16
Пол: Женский
Последний визит:
Пт, 25 Июл 2014 01:52:19

Доброго времени суток!
Меня интересует одна вещь, как сделать в выпадающем меню, в четвёртом контенте три колонки?
Чайник, чайник ==""
Вот форум - http://akademy.artbb.ru/

Отредактировано Martele (Чт, 15 Сен 2011 15:50:28)

0

Поделиться2Чт, 15 Сен 2011 15:58:02

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Martele, здравствуйте.
Вы повнимательнее будьте, вот у вас в контенте третьей кнопки стоит:

<div id="sm3" class="submenutext">
<center><table width=50% align=center><tr valign=top>
<td width=60% style="padding-top:20px!important;">
<p><b>Гостям:</b></p>
<br>
<a href=http://fullmetallalchemist.rolka.su/viewtopic.php?id=233>.Сюжет</a>
<br>
<a href=http://fullmetallalchemist.rolka.su/viewtopic.php?id=221>.Шаблон анкеты</a>
<br>
<a href=http://fullmetallalchemist.rolka.su/viewtopic.php?id=215>.Список персонажей</a>
<br>
<a href=http://fullmetallalchemist.rolka.su/viewtopic.php?id=212>.Правила</a>
<br>
<a href=http://fullmetallalchemist.rolka.su/viewtopic.php?id=211>.Гостевая</a>
<br>
<a href=http://fullmetallalchemist.rolka.su/viewtopic.php?id=210>.Забить роль</a>
</td>
<td width=33% style="padding-top:20px!important;">
<b>Участникам:</b>
<br>
<br>
<a href=http://fullmetallalchemist.rolka.su/viewtopic.php?id=245>.Заполнение профиля</a><br>
<a href=http://fullmetallalchemist.rolka.su/viewtopic.php?id=247 >.Смена ника/статуса </a><br>
<a href=http://fullmetallalchemist.rolka.su/viewtopic.php?id=246 >.Уход|Отсутствие </a><br>
<a href=http://fullmetallalchemist.rolka.su/viewforum.php?id=64 >.Отношения </a><br>
<a href=http://fullmetallalchemist.rolka.su/viewtopic.php?id=220&p=0 >.Флуд </a><br>
</td></tr></table></center>
</div>

Допишите выделенное красным. Из-за отсутствия закрывающего тега </div> у вас не отображаются контенты последних кнопок. А чтобы в 4-ой три колонки сделать, элементарная таблица:

<center><table width="100%">
<tr>
<td width="33%">Колонка 1</td>
<td width="34%">Колонка 2</td>
<td width="33%">Колонка 3</td>
</tr>
</table></center>

Не забывайте про закрывающие теги!!! Без них может весь форум перекрыть, не попадете...
~~P.s.: у вас кстати не выпадающее меню) эт просто контейнер с инфой) выпадающее меню выглядит несколько иначе)~~

+1

Поделиться3Чт, 15 Сен 2011 16:06:19

Автор: Martele
Заслуженный
Зарегистрирован: Вс, 20 Мар 2011
Сообщений: 82
Уважение: 0
Позитив: +16
Пол: Женский
Последний визит:
Пт, 25 Июл 2014 01:52:19

Rion Leonheart
Большое спасибо за помощь! ^.^"

0

Поделиться4Чт, 15 Сен 2011 16:20:14

Автор: Martele
Заслуженный
Зарегистрирован: Вс, 20 Мар 2011
Сообщений: 82
Уважение: 0
Позитив: +16
Пол: Женский
Последний визит:
Пт, 25 Июл 2014 01:52:19

А ещё такой вопрос:
Как вторую колонку поместить ниже первой и третьей? ^.^"""

0

Поделиться5Чт, 15 Сен 2011 16:50:54

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Martele, как вариант, дорисовать...

<center><table width="100%">

<tr height="50%"><td width="33%">

Колонка 1

</td><td width="34%"></td><td width="33%">

Колонка 3

</td></tr><tr height="50%"><td></td><td>

Колонка 2

</td><td></td></tr>
</table></center>

~~Если через стиль двигать... то эт проблем больше...~~

0

Поделиться6Сб, 17 Сен 2011 11:22:57

Автор: Martele
Заслуженный
Зарегистрирован: Вс, 20 Мар 2011
Сообщений: 82
Уважение: 0
Позитив: +16
Пол: Женский
Последний визит:
Пт, 25 Июл 2014 01:52:19

Скажите, а как позади контейнеров сделать картинку? Оо

0

Поделиться7Сб, 17 Сен 2011 11:29:17

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11572
Последний визит:
Сегодня 22:18:52

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

Скажите, а как позади контейнеров сделать картинку? Оо

<style>
#pun-announcement h2 span
{display: none;}
</style>

<style>
#menu span {
padding: 7px 15px 7px;
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {
color: #FCF5D6;
text-shadow:#000 1px 1px 2px;
background:#D2B48C;
}

#submenu {
background-image:url(Ccылка на картинку);
padding: 5px;
height: 200px;
text-align: left;
font-size: 12px;
width: 720px;
}

.submenutext {
text-align: center;
position:absolute;
width:100%;
max-width: 720px;
display: none;
height: 260px!important;
}
</style>