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

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

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

Вы здесь » Единый форум поддержки » Корзина » Нужна помощь с дивом

Нужна помощь с дивом

Страница: 1 2  

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

1

  • Автор: N'joy
  • Заслуженный
  • N'joy
  • Зарегистрирован: Сб, 26 Фев 2011
  • Сообщений: 180
  • Уважение: +2
  • Позитив: +3
  • Пол: Мужской
  • Последний визит:
    Вт, 28 Янв 2014 17:15:39

Доброго времени суток. Я в процессе создания диза натолкнулся на проблемку и никак не придумаю как это оформить. Вот форум - http://terraguardians.ru/
Проблем с нижним дивом (панелька внизу экрана). Я хочу ее отцентрироваться по монитору, но на разных мониках, разумеется, все равно по разному. Есть кто-нибудь смекалистый, кто сможет подсказать чего?) В крайнем случае согласен на центровку по форумной таблице (она резиновая по правому краю) =)

0

2

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51458
  • Уважение: +15421
  • Позитив: +12052
  • Последний визит:
    Сегодня 09:25:00

Кусок кода - красным регулировка

#nav-panel {
background-image:url(https://forumstatic.ru/files/000d/f2/aa/71931.png);
background-repeat:no-repeat;
position: fixed;
height: 66px;
width: 948px;
bottom: 0;
margin-left:-173px;
}</style>
<div id="leftMenu"> </div>
<div id="topPiece"> </div>
<div id="barrel"> </div>
<div id="headline"> </div>
<div id="nav-panel"> </div>
<!--Конец Дивов -->

0

3

  • Автор: N'joy
  • Заслуженный
  • N'joy
  • Зарегистрирован: Сб, 26 Фев 2011
  • Сообщений: 180
  • Уважение: +2
  • Позитив: +3
  • Пол: Мужской
  • Последний визит:
    Вт, 28 Янв 2014 17:15:39

Deff
Но ведь через отступ он будет центрирован лишь для определенных разрешений. То что на стандартном будет по центру, с учетом левостороннего отступа, на широкоформатке справа промежуток будет шире. Разве нет?)

Отредактировано N'joy (Ср, 7 Мар 2012 23:06:28)

0

4

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51458
  • Уважение: +15421
  • Позитив: +12052
  • Последний визит:
    Сегодня 09:25:00

N'joy
:glasses: => http://viewlike.us/ (PC)
http://quirktools.com/screenfly/

0

5

  • Автор: N'joy
  • Заслуженный
  • N'joy
  • Зарегистрирован: Сб, 26 Фев 2011
  • Сообщений: 180
  • Уважение: +2
  • Позитив: +3
  • Пол: Мужской
  • Последний визит:
    Вт, 28 Янв 2014 17:15:39

Deff
да я проверял) погрешности все равно есть)
вобщем выход я придумал, остался лишь один момент. Можно ли поставить на дивы маленькие кнопочки, которые бы их скрывали? Желательно на манер липучки, но можно и другими способами, лишь бы можно было сворачивать и разворачивать.

0

6

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51458
  • Уважение: +15421
  • Позитив: +12052
  • Последний визит:
    Сегодня 09:25:00

N'joy
http://forumd.ru/viewtopic.php?id=2183

0

7

  • Автор: N'joy
  • Заслуженный
  • N'joy
  • Зарегистрирован: Сб, 26 Фев 2011
  • Сообщений: 180
  • Уважение: +2
  • Позитив: +3
  • Пол: Мужской
  • Последний визит:
    Вт, 28 Янв 2014 17:15:39

Deff
Благодарю)

0

8

  • Автор: N'joy
  • Заслуженный
  • N'joy
  • Зарегистрирован: Сб, 26 Фев 2011
  • Сообщений: 180
  • Уважение: +2
  • Позитив: +3
  • Пол: Мужской
  • Последний визит:
    Вт, 28 Янв 2014 17:15:39

Еще один вопрос. Можно ли установить панель навигации в этот самый див в нижнюю полоску, а в верхнюю - вот это:

Код:
<script type="text/javascript"> 
    var text="<a href=\"http://terraguardians.ru/search.php?action=show_new\">Новое в игре</a>&nbsp; <a href=\"http://terraguardians.ru/search.php?action=show_24h\">Активные темы</a>&nbsp; <a href=\"http://terraguardians.ru/search.php?action=show_subscriptions\">Подписка</a>" 
 
    pa=document.getElementById("pun-status")
    pa.style.position = "relative"
    pa.innerHTML += "<div style=\"position:absolute; left: 40px; top: 20px; font-weight: bold;\">"+text+"</div>"
    </script>

Мне сказали что можно вручную ссылками, либо скриптом сам элемент #pun-navlinks. Вот интересно, мб ктот поможет с таким скриптиком?  :blush:
Могу приложить скрин выше сказанного, если есть таковая необходимость*

0

9

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51458
  • Уважение: +15421
  • Позитив: +12052
  • Последний визит:
    Сегодня 09:25:00

N'joy
Во первых зря не слушаетесь - любая привязка в позиционировании указаниями left:XXpx или right:XXpx - жестко привязывает позицию элемента к размеру экрана - крутите сонтрл+скролл мыши, это не позволяет чисто спозиционировать панель навигации в Ваш блок

Второе - я не вижу панели навигации у Вас сейчас, сделайте скриншот - ткните стрелкой

0

10

  • Автор: N'joy
  • Заслуженный
  • N'joy
  • Зарегистрирован: Сб, 26 Фев 2011
  • Сообщений: 180
  • Уважение: +2
  • Позитив: +3
  • Пол: Мужской
  • Последний визит:
    Вт, 28 Янв 2014 17:15:39

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

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

это не позволяет чисто спозиционировать панель навигации в Ваш блок

А как контент размещать нельзя?

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

Второе - я не вижу панели навигации у Вас сейчас, сделайте скриншот - ткните стрелкой

сейчас ее там и нету. я настраивал дизайн и изначальная задумка подразумевала отсутствие навигации в стандартном месте) Ее вернуть вам?

0

11

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51458
  • Уважение: +15421
  • Позитив: +12052
  • Последний визит:
    Сегодня 09:25:00
N'joy написал(а):

т. Если не по центру - значит по логике с краю только и остается.

Делайте не по центру - но позиционируйте margin-left:! а left или right - убирайте

N'joy написал(а):

) Ее вернуть вам?

Да

Отредактировано Deff (Пн, 12 Мар 2012 14:34:53)

0

12

  • Автор: N'joy
  • Заслуженный
  • N'joy
  • Зарегистрирован: Сб, 26 Фев 2011
  • Сообщений: 180
  • Уважение: +2
  • Позитив: +3
  • Пол: Мужской
  • Последний визит:
    Вт, 28 Янв 2014 17:15:39

Deff
сделал отступами, ток отступов он не слушается
вернул панель навигации

0

13

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51458
  • Уважение: +15421
  • Позитив: +12052
  • Последний визит:
    Сегодня 09:25:00
N'joy написал(а):

сделал отступами, ток отступов он не слушается

Чтобы слушалсо нун делать позицию абсолюте и на маргин импортант - Ваще я Вам давал кроссбраузерный код...

и маргины нун ставить только для горизонтальных смещений!!!

Я не понял - Вы её переместили снизу -вверх ?

Отредактировано Deff (Пн, 12 Мар 2012 15:07:04)

0

14

  • Автор: N'joy
  • Заслуженный
  • N'joy
  • Зарегистрирован: Сб, 26 Фев 2011
  • Сообщений: 180
  • Уважение: +2
  • Позитив: +3
  • Пол: Мужской
  • Последний визит:
    Вт, 28 Янв 2014 17:15:39

Deff
исправил. ну и толк от того что он в абсолют станет, если мне надо чтобы панель всегда была в пределах видимости а не вклеена в самый низ форума (для того и стоял fixed)

0

15

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51458
  • Уважение: +15421
  • Позитив: +12052
  • Последний визит:
    Сегодня 09:25:00

N'joy
ну fixed(Cоррь

0

16

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51458
  • Уважение: +15421
  • Позитив: +12052
  • Последний визит:
    Сегодня 09:25:00

N'joy
Чо нидь типо так для нафигации

<style>
#pun-navlinks{
position:fixed;
bottom:0;
margin-left:270px;
margin-top:-12px;
}
#pun-navlinks .container{
background-color:transparent;
}
</style>

0

17

  • Автор: N'joy
  • Заслуженный
  • N'joy
  • Зарегистрирован: Сб, 26 Фев 2011
  • Сообщений: 180
  • Уважение: +2
  • Позитив: +3
  • Пол: Мужской
  • Последний визит:
    Вт, 28 Янв 2014 17:15:39

Deff
ну а вот с fixом, уже надо простыми right и left разговаривать вроде как
мне интересно, можно ли не перенести табличку "на" див-панель, а вставить в нее как ее контент? мб так будет проще, если такое возможно

0

18

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51458
  • Уважение: +15421
  • Позитив: +12052
  • Последний визит:
    Сегодня 09:25:00

N'joy
Нет

Точнее - нет понимания .. left и right - привязывают к краю экрана и если форум центрирован - то при разных разрешениях - позиции элемента смещаются относительно форума - а margin позиционирует из исходной точки(обычно левый край форума)

Отредактировано Deff (Пн, 12 Мар 2012 15:58:57)

0

19

  • Автор: N'joy
  • Заслуженный
  • N'joy
  • Зарегистрирован: Сб, 26 Фев 2011
  • Сообщений: 180
  • Уважение: +2
  • Позитив: +3
  • Пол: Мужской
  • Последний визит:
    Вт, 28 Янв 2014 17:15:39

Deff
ога, встало. подредактю ток немного чтоб ровно вошло

0

20

  • Автор: N'joy
  • Заслуженный
  • N'joy
  • Зарегистрирован: Сб, 26 Фев 2011
  • Сообщений: 180
  • Уважение: +2
  • Позитив: +3
  • Пол: Мужской
  • Последний визит:
    Вт, 28 Янв 2014 17:15:39

еще один вопрос спортивного интереса - когда див равняется с сервисными баннерами и формой ответа (ну еще и админ-панелью), то уходит за них на второй план. Приоритет у формы ответа и баннеров - выше, с этим что-нибудь сделать можно или нет?
http://savepic.su/1548971.jpg

И как настроить кнопку скрытия? Я установил, но кнопка вместе с панелью скрылась. Ставил доп. код, но видимо не так всунул  :dontknow:

Отредактировано N'joy (Пн, 12 Мар 2012 16:35:56)

0

Страница: 1 2  

Вы здесь » Единый форум поддержки » Корзина » Нужна помощь с дивом