X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Выравнивание баннера
badman_mw
badman_mw
Topic Starter сообщение 23.4.2013, 18:45; Ответить: badman_mw
Сообщение #1


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

[img]http://colonystudios.com/wp-content/uploads/2013/04/0011.jpg[/img]


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

[img]http://colonystudios.com/wp-content/uploads/2013/04/002.jpg[/img]

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

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

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


<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>


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

[img]http://colonystudios.com/wp-content/uploads/2013/04/003.jpg[/img]



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


<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>


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

[img]http://colonystudios.com/wp-content/uploads/2013/04/004.jpg[/img]


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

/// пробовал вставлять в самые разные места, результата ноль. Видимо не хватает ещё чего то. Поможите кто чем может. Заранее благодарен.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
isvetlichniy
isvetlichniy
сообщение 23.4.2013, 18:53; Ответить: isvetlichniy
Сообщение #2


та тут дело в CSS, а не в том куда ты его вставляешь. стили править надо
копай в торону margin, position
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 23.4.2013, 19:12; Ответить: yury_mw
Сообщение #3


По хорошему, конечно, надо ваши стили смотреть и править.
Но можно попробовать и не глядя, абсолютным позиционированием пристроить ваш баннер.
Примерно так попробуйте изменить строку, которая начинается с <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" уже не установлено какое-то хитрое позиционирование. В таком случае без правки таблицы стилей никак не обойтись.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
badman_mw
badman_mw
Topic Starter сообщение 24.4.2013, 6:15; Ответить: badman_mw
Сообщение #4


Ураа! Сработало)) Спасибо)))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 24.4.2013, 9:49; Ответить: yury_mw
Сообщение #5


Сейчас посмотрел вашу страничку. Там у вас у блока "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;">
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
badman_mw
badman_mw
Topic Starter сообщение 25.4.2013, 5:56; Ответить: badman_mw
Сообщение #6


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

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

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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
 10 NikN 2637 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Рекомендую: размещение ссылки, статьи или баннера на трастовом СМИ с трафиком 100 тыс. уников в сутки
 2 rumblade 5320 27.3.2020, 10:26
автор: tehno_music
Открытая тема (нет новых ответов) Очень простой макет баннера в векторе (есть psd)
Ищу исполнителя, за отзыв
 1 KM_ 3442 8.10.2019, 0:37
автор: KM_
Открытая тема (нет новых ответов) Статейный прогон + размещение баннера + вечные ссылки + ссылки в подписях
Комплексный подход все в месте от 1000 руб
 0 Rastaman 1495 17.9.2019, 21:04
автор: Rastaman
Открытая тема (нет новых ответов) Выравнивание содержимого footer'a
 0 press74 4998 2.7.2019, 18:58
автор: -iiwanc-


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 23.4.2024, 21:40

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet