Перейти к содержимому


Пользователь месяца
TimurR TimurR 1-й за Август
Очков активности: 726 3 темы, 35 сообщений, 11 баллов репутации
ТОП самых активных за этот месяц
  • Фотография ShowPrint
    #1

    ShowPrint (ShowPrint.ru)
    Очков активности: 207 2 темы, 17 сообщений, 6 баллов репутации

  • Фотография Ixman
    #2

    Ixman (o5cat.ru)
    Очков активности: 105 0 тем, 10 сообщений, 7 баллов репутации

  • Фотография WGN
    #3

    WGN (worldgamenews.com)
    Очков активности: 90 Вне конкурса за определение пользователя месяца

  • Фотография magnet
    #4

    magnet (rbfxdirect.com)
    Очков активности: 67.5 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #5

    BLIK
    Очков активности: 45 Вне конкурса за определение пользователя месяца

  • Фотография TimurR
    #6

    TimurR
    Очков активности: 42 Вне конкурса за определение пользователя месяца

  • Фотография Алексей111
    #7

    Алексей111
    Очков активности: 39 6 тем, 8 сообщений, 1 балл репутации

  • Фотография AnnaYa
    #8

    AnnaYa (topbase.ru)
    Очков активности: 36 2 темы, 6 сообщений, 2 балла репутации

  • Фотография Developer
    #9

    Developer
    Очков активности: 33 2 темы, 16 сообщений, 1 балл репутации

  • Фотография fedornabilkin
    #10

    fedornabilkin (zaka4ano.ru)
    Очков активности: 24 0 тем, 4 сообщения, 4 балла репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 26.09.2018
  • Яндекс выдача: 26.09.2018
Топ 5 участников по репутации


Выравнивание баннера

#1 badman

badman
  • Пользователь
  • 106 сообщений
  • Репутация: 5
0

Отправлено 23 April 2013 - 17:45

Встала проблема добавления баннера.
Как сейчас:

Изображение


Нужно разместить баннер в одной из двух указанных позиций (мне больше нравится сверху))

Изображение

Как не изошрялся, не получается.

Вот кусок кода и результат:

Изначальный код:


<body <?php body_class(); ?>>
<div id="page">
<div id="nav">
	 <ul>
   <li><a <?php if (is_home()) { echo "class="selected""; } ?> href="<?php echo get_option('home'); ?>/">Home</a></li>
	</ul>
	<ul>
	<?php wp_list_pages('sort_column=post_date&depth=1&title_li='); ?>
	</ul>
</div>
<div id="header" role="banner">
  <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
  <div class="description"><?php bloginfo('description'); ?></div>

Если вставляю баннер сюда:


<body <?php body_class(); ?>>
<div id="page">
<div id="nav">
	 <ul>
   <li><a <?php if (is_home()) { echo "class="selected""; } ?> href="<?php echo get_option('home'); ?>/">Home</a></li>
	</ul>
	<ul>
	<?php wp_list_pages('sort_column=post_date&depth=1&title_li='); ?>
  <div align="right"><a href="http://freshforex.ru/traders/promotion/promotions_178.html?aff=56866"><img src="http://i.freshforex.ru/freshforex/i/flash/partner/banners/a33x3/468x60.gif?1366724292586" width="468" height="60"></a></div>
	</ul>
</div>
<div id="header" role="banner">
  <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
  <div class="description"><?php bloginfo('description'); ?></div>
<div class="rss"><font size="2.5"><a href="http://colonystudios.com/feed/" title="RSS">подписывайтесь на RSS</a></font>!&nbsp;&nbsp;&nbsp;		  </div>
</div>

то получается так (баннер чуть ниже чем нужно):

Изображение



Если вставлю баннер сюда:


<body <?php body_class(); ?>>
<div id="page">
<div id="nav">
	 <ul>
   <li><a <?php if (is_home()) { echo "class="selected""; } ?> href="<?php echo get_option('home'); ?>/">Home</a></li>
	</ul>
	<ul>
	<?php wp_list_pages('sort_column=post_date&depth=1&title_li='); ?>
	</ul>
</div>
<div id="header" role="banner"> <div align="right"><a href="http://freshforex.ru/traders/promotion/promotions_178.html?aff=56866"><img src="http://i.freshforex.ru/freshforex/i/flash/partner/banners/a33x3/468x60.gif?1366724292586" width="468" height="60"></a></div>
  <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
  <div class="description"><?php bloginfo('description'); ?></div>
<div class="rss"><font size="2.5"><a href="http://colonystudios.com/feed/" title="RSS">подписывайтесь на RSS</a></font>!&nbsp;&nbsp;&nbsp;		  </div>
</div>

тогда баннер встаёт куда нужно, но название сайта съезжает вниз

Изображение


Вопрос: так куда же нужно вставить код баннера, чтобы он встал в нужную позицию и название сайта не съехало вниз???

/// пробовал вставлять в самые разные места, результата ноль. Видимо не хватает ещё чего то. Поможите кто чем может. Заранее благодарен.

 

 

  • 0

#2 isvetlichniy

isvetlichniy
  • Неактивные
  • 622 сообщений
  • Репутация: 93

Отправлено 23 April 2013 - 17:53

та тут дело в CSS, а не в том куда ты его вставляешь. стили править надо
копай в торону margin, position
  • 0

#3 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 23 April 2013 - 18:12

По хорошему, конечно, надо ваши стили смотреть и править.
Но можно попробовать и не глядя, абсолютным позиционированием пристроить ваш баннер.
Примерно так попробуйте изменить строку, которая начинается с <div id="header"...:
<div id="header" role="banner" style="position: relative;">
  <div style="position: absolute; top: 0; right: 0;"><a href="http://freshforex.ru/traders/promotion/promotions_178.html?aff=56866"><img src="http://i.freshforex.ru/freshforex/i/flash/partner/banners/a33x3/468x60.gif?1366724292586" width="468" height="60"></a></div>
Должно сработать, если только у id="header" уже не установлено какое-то хитрое позиционирование. В таком случае без правки таблицы стилей никак не обойтись.
  • 1

#4 badman

badman
    Topic Starter
  • Пользователь
  • 106 сообщений
  • Репутация: 5

Отправлено 24 April 2013 - 05:15

Ураа! Сработало)) Спасибо)))


  • 0

#5 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 24 April 2013 - 08:49

Сейчас посмотрел вашу страничку. Там у вас у блока "nav" абсолютное позиционирование. Из-за чего, когда добавилось относительное позиционирование к "header", навигация оказалась слоем ниже и потому кнопки навигации стали неактивными.
Лечится это явным указанием расположения слоев относительно друг друга (с помощью стилевого свойства z-index: чем больше значение z-index, тем выше слой).
В вашем конкретном случае это делается, примерно, так:
1 Вариант (правильный, т.к. все свойства блоков указываем в файле стилей):
в стилях (файл http://colonystudios...eyzed/style.css)

  • к свойствам блока #nav добавить строку
    z-index: 100;
    Должно получиться так:
    #nav {
    z-index: 100;
    margin-left: 80px;
    position:absolute;
    width: 900px;
    }
  • к свойствам блока #header добавить строки:
    position: relative;
    z-index: 1;
    должно получиться так:
    #header {
    position: relative;
    z-index: 1;
    margin: 0px;
    padding: 0;
    height: 260px;
    width: 1054px;
    color: #000;
    }
  • в коде страницы убрать style="position: relative;" у блока с id="header", т.е. заменить строку
    <div id="header" role="banner" style="position: relative;">
    на
    <div id="header" role="banner">

2 Вариант (неправильный, т.к. засоряет код страницы, но быстрее: меньше файлов править):

  • в коде страницы изменить строку
    <div id="nav">
    на
    <div id="nav" style="z-index: 100;">
  • в коде страницы изменить строку
    <div id="header" role="banner" style="position: relative;">
    на
    <div id="header" role="banner" style="position: relative; z-index: 1;">

  • 0

#6 badman

badman
    Topic Starter
  • Пользователь
  • 106 сообщений
  • Репутация: 5

Отправлено 25 April 2013 - 04:56

век живи, век учись.

Сделал по первому варианту, теперь вроде бы всё работает)

Ещё раз спасибо)
  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru