Проблема с таблицей форума из-за сайдбара

Поделиться1Ср, 13 Апр 2011 20:42:15

Автор: Совушка
Заслуженный
Зарегистрирован: Ср, 13 Апр 2011
Сообщений: 51
Уважение: +1
Позитив: +8
Последний визит:
Чт, 11 Авг 2016 23:50:36

Добрый вечер,
поставила сайдбар, но при этом съехала таблица форума, можно ли это как-то поправить?
скрин

Использовала вот этот код:
верх:

Код:

<style type="text/css">#sidebar {
	display: block; 
	width: 250px; 
	height: 500px;
	margin: 12px;
	float: left; 
	border: 0px solid; 
	position: relative; 
	z-index: 0; 
	top: -150px;
	padding: 0;
}
</style>

низ:

Код:

</div></div></div></td></tr></table><div><div>

объявление:

Код:

</div></div></div><table width="100%" ><tr><td id="sidebar"><font style="font-weight: normal; font-size:7.5pt; color:#000000; line-height:6.0pt; font-family: Verdana;">
бла-бла-бла
</font></td><td style="padding: 0px;"><div><div><div>

Заранее спасибо.

Отредактировано Совушка (Сб, 16 Апр 2011 00:16:42)

0

Поделиться2Ср, 13 Апр 2011 20:47:01

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4739
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Совушка
Здравствуйте.

Совушка написал(а):

поставила сайдбар, но при этом съехала таблица форума, можно ли это как-то поправить?скринфорум

А попробуйте вместо ваших кодов в ХТМЛ-низ поставить это:

Код:

<div id="sidebar">Бла-бла-бла</div>
<script type="text/javascript">
document.getElementById("pun-main").innerHTML = "<table style='width: 100%; border-style: none;'><tbody><tr><td style='width: 180px; border-style: none; vertical-align: top;' align='center'>" + document.getElementById("sidebar").innerHTML + "</td><td style='border-style: none; vertical-align: top;' align='center'>" + document.getElementById("pun-main").innerHTML + "</td></tr></tbody></table>";
document.getElementById("sidebar").style.display = "none";
</script>

0

Поделиться3Ср, 13 Апр 2011 21:23:43

Автор: Совушка
Заслуженный
Зарегистрирован: Ср, 13 Апр 2011
Сообщений: 51
Уважение: +1
Позитив: +8
Последний визит:
Чт, 11 Авг 2016 23:50:36

rps
Огромное спасибо, проблему решило)
Но сам сайдбар съехал немного вниз, нельзя ли и его переместить выше, и чтобы таблица вправо не съезжала?)
скрин

0

Поделиться4Ср, 13 Апр 2011 21:32:18

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4739
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Совушка
А такой вариант?

Код:

<div id="sidebar">Бла-бла-бла</div>
<script type="text/javascript">
if (location.href[location.href.length-1] == '/') {
document.getElementById("pun").innerHTML = "<table style='width: 100%; border-style: none;'><tbody><tr><td style='width: 180px; border-style: none; vertical-align: top;' align='center'>" + document.getElementById("sidebar").innerHTML + "</td><td style='border-style: none; vertical-align: top;' align='center'>" + document.getElementById("pun").innerHTML + "</td></tr></tbody></table>";
document.getElementById("sidebar").style.display = "none";
}
</script>

0

Поделиться5Ср, 13 Апр 2011 21:42:16

Автор: Совушка
Заслуженный
Зарегистрирован: Ср, 13 Апр 2011
Сообщений: 51
Уважение: +1
Позитив: +8
Последний визит:
Чт, 11 Авг 2016 23:50:36

rps
С новым вариантом сайдбар совсем слева оказывается, а хотелось бы прям под шапкой)
скрин

Отредактировано Совушка (Ср, 13 Апр 2011 21:42:53)

0

Поделиться6Ср, 13 Апр 2011 21:49:38

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4739
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Совушка
Так?

Код:

<div id="sidebar">Бла-бла-бла</div>
<script type="text/javascript">
if (location.href[location.href.length-1] == '/') {
document.getElementById("pun").innerHTML = document.getElementById("pun").innerHTML.substr(0,document.getElementById("pun").innerHTML.indexOf("id=\"pun-navlinks\"") -5) + "<table style='width: 100%; border-style: none;'><tbody><tr><td style='width: 180px; border-style: none; vertical-align: top;' align='center'>" + document.getElementById("sidebar").innerHTML + "</td><td style='border-style: none; vertical-align: top;' align='center'>" + document.getElementById("pun").innerHTML.substr(document.getElementById("pun").innerHTML.indexOf("id=\"pun-navlinks\"") -5) + "</td></tr></tbody></table>";
document.getElementById("sidebar").style.display = "none";
}
</script>

0

Поделиться7Ср, 13 Апр 2011 21:56:36

Автор: Совушка
Заслуженный
Зарегистрирован: Ср, 13 Апр 2011
Сообщений: 51
Уважение: +1
Позитив: +8
Последний визит:
Чт, 11 Авг 2016 23:50:36

rps
Да-да-да) Огроменное человеческое спасибо Вам)

А Вы не подскажете еще, как сделать сайдбар пошире? А то уж больно узкий получился.

0

Поделиться8Ср, 13 Апр 2011 22:05:33

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4739
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Совушка
Ищите в скрипте это:

width: 180px;

Выделенное меняйте на своё.

0

Поделиться9Ср, 13 Апр 2011 22:17:50

Автор: Совушка
Заслуженный
Зарегистрирован: Ср, 13 Апр 2011
Сообщений: 51
Уважение: +1
Позитив: +8
Последний визит:
Чт, 11 Авг 2016 23:50:36

rps
Большое спасибо, невнимательно посмотрела код, наверно)
Вы мне очень помогли.

0

Поделиться10Ср, 13 Апр 2011 22:31:33

Автор: Совушка
Заслуженный
Зарегистрирован: Ср, 13 Апр 2011
Сообщений: 51
Уважение: +1
Позитив: +8
Последний визит:
Чт, 11 Авг 2016 23:50:36

rps
К сожалению, ширину сайдбара так и не удалось поменять =\ Значение меняла, а он как был примерно 120px в ширину, так и остается.

0

Поделиться11Ср, 13 Апр 2011 22:33:27

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4739
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Совушка
А так?

Код:

<div id="sidebar">Бла-бла-бла</div>
<script type="text/javascript">
if (location.href[location.href.length-1] == '/') {
document.getElementById("pun").innerHTML = document.getElementById("pun").innerHTML.substr(0,document.getElementById("pun").innerHTML.indexOf("id=\"pun-navlinks\"") -5) + "<table style='width: 100%; border-style: none;'><tbody><tr><td style='width: 350px; border-style: none; vertical-align: top;' align='center'>" + document.getElementById("sidebar").innerHTML + "</td><td style='border-style: none; vertical-align: top;' align='center'>" + document.getElementById("pun").innerHTML.substr(document.getElementById("pun").innerHTML.indexOf("id=\"pun-navlinks\"") -5) + "</td></tr></tbody></table>";
document.getElementById("sidebar").style.display = "none";
}
</script>

У меня работает: http://neprochto.forumbb.ru.

0

Поделиться12Ср, 13 Апр 2011 23:07:50

Автор: Совушка
Заслуженный
Зарегистрирован: Ср, 13 Апр 2011
Сообщений: 51
Уважение: +1
Позитив: +8
Последний визит:
Чт, 11 Авг 2016 23:50:36

rps
Тоже не работает.
Только строчка "Привет, юзерней. Ваш последний визит: Сегодня 22:29:29" сдвинулась на нужное расстояние, а сайдбар таким же узким остается.

0

Поделиться13Ср, 13 Апр 2011 23:10:34

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4739
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Совушка
Это что в ХТМЛ-верх?

Код:

<style type="text/css">#sidebar {
	display: block; 
	width: 250px; 
	margin: 12px;
	float: left; 
	border: 0px solid; 
	position: relative; 
	z-index: 0; 
	top: -150px;
	padding: 0;
}
</style>

0

Поделиться14Ср, 13 Апр 2011 23:20:50

Автор: Совушка
Заслуженный
Зарегистрирован: Ср, 13 Апр 2011
Сообщений: 51
Уважение: +1
Позитив: +8
Последний визит:
Чт, 11 Авг 2016 23:50:36

rps
Эээм... не очень поняла Ваш вопрос... это "оформление" сайдбара, насколько я понимаю. Я его не сама придумала) по поиску нашла.

0

Поделиться15Ср, 13 Апр 2011 23:24:13

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4739
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Совушка
Вообще говоря сайдбар у Вс теперь должен быть один - мой, всё остальное от других кодов сайдбаров нужно удалить - это раз. Два - поставил код с Вашего форума (прямо скопировал) к себе - ширина нормальная, как и указано. Ссылка выше, можете убедиться.
Значит проблема уже не в коде, а где-то у Вас на форуме.

0

Поделиться16Ср, 13 Апр 2011 23:44:43

Автор: Совушка
Заслуженный
Зарегистрирован: Ср, 13 Апр 2011
Сообщений: 51
Уважение: +1
Позитив: +8
Последний визит:
Чт, 11 Авг 2016 23:50:36

rps
Все ошметки от предыдущего удалила, вроде.
А где хоть примерно может быть проблема?

0

Поделиться17Пт, 15 Апр 2011 17:51:24

Автор: Совушка
Заслуженный
Зарегистрирован: Ср, 13 Апр 2011
Сообщений: 51
Уважение: +1
Позитив: +8
Последний визит:
Чт, 11 Авг 2016 23:50:36

Так, предыдущий вопрос отпал, зато появился новый)
Использовала скрипт из этой темы.
Подскажите, что нужно в него добавить, чтобы сайдбар отображался в топиках и лс?

0

Не встает правильно сайдбар	Корзина	Сб, 17 Дек 2011
Новый Вариант сайдбара,встроенного в pun-main	Корзина	Пт, 18 Мар 2011
Боковая панель - установка, вопросы, проблемы	Новые возможности форумов	Пт, 27 Май 2016
таблица справа от тела форума	Корзина	Ср, 16 Мар 2011
Каталог скриптов/css по авторам	Форум для новичков	Ср, 9 Окт 2013

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

Меню навигации

Пользовательские ссылки

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

Проблема с таблицей форума из-за сайдбара

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

Поделиться1Ср, 13 Апр 2011 20:42:15

Поделиться2Ср, 13 Апр 2011 20:47:01

Поделиться3Ср, 13 Апр 2011 21:23:43

Поделиться4Ср, 13 Апр 2011 21:32:18

Поделиться5Ср, 13 Апр 2011 21:42:16

Поделиться6Ср, 13 Апр 2011 21:49:38

Поделиться7Ср, 13 Апр 2011 21:56:36

Поделиться8Ср, 13 Апр 2011 22:05:33

Поделиться9Ср, 13 Апр 2011 22:17:50

Поделиться10Ср, 13 Апр 2011 22:31:33

Поделиться11Ср, 13 Апр 2011 22:33:27

Поделиться12Ср, 13 Апр 2011 23:07:50

Поделиться13Ср, 13 Апр 2011 23:10:34

Поделиться14Ср, 13 Апр 2011 23:20:50

Поделиться15Ср, 13 Апр 2011 23:24:13

Поделиться16Ср, 13 Апр 2011 23:44:43

Поделиться17Пт, 15 Апр 2011 17:51:24

Похожие темы