Помогите поставить баннер в нужное место

[Удален]

25 декабря 2012, 04:51

1220

Приветствую! Сразу извиняюсь, если не туда написал.

На сайте в шапке есть отлиное место для дву баннеров, но баннеры влазят не там, где хочется. В кодинге я слаб и не знаю, как правильно передвинуть баннеры в нужное мне место, прошу помощи.

Вот скрин:

Вот часть кода шапки:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Архив сайта <?php } ?> <?php wp_title(); ?></title>

window.addEvent('domready', function(){

var mySlide = new Fx.Slide('top-panel');

mySlide.hide();

$('toggle').addEvent('click', function(e){

e = new Event(e);

mySlide.toggle();

e.stop();

});

</script>

<?php wp_head(); ?>

VK.init({apiId: 3266089, onlyWidgets: true});

</script>

</head>

<body>

<?php bloginfo('name'); ?>

</div>

</div>

<ul>

<li><a class="end"><img src="<?php bloginfo('template_directory'); ?>/images/nav_left.gif" border="0" /></a></li>

<?php wp_list_pages('title_li=' ); ?>

<li><a class="end"><img src="<?php bloginfo('template_directory'); ?>/images/nav_right.gif" border="0" /></a></li>

</ul>

</div>

</div>

Добро пожаловать на <span><?php bloginfo('name'); ?>!</span>

<p>

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

</p>

</div>

Надеюсь вы сможете помочь, вроде не трудно, если знать как.

jpg banners.jpg

Q8

31

q8888

25 декабря 2012, 07:28

#1

как вариант, заключить всю баннерную информацию в блок и выводить абсолютным позиционированием. например:

</div>

и в стилях:

для #Header прописать (если нету) position:relative;

и стили самого блока:

.headerbanner{

position:absolute;

top:0;

right:0;

}

размеры области и отступы добавите по своему усмотрению. правда, взависимости от типа верстки, при определенных условиях возможно налезание баннеров на область слева от них. поигравшись со стилями можно решить и эту проблему.

другой вариант - обтекание. но тут надо изучить, как построен Ваш шаблон, по скрину и куску кода мало что можно понять

Возможности для брендинга в Google: как сделать статические Оптимизация плавающих фреймов для

DF

56

DENisF

25 декабря 2012, 07:52

#2

Для баннера float:right; и измените ширину Container до 1070px тогда будет выглядеть как у вас на скринах.

[Удален]

25 декабря 2012, 09:12

#3

q8888:
как вариант, заключить всю баннерную информацию в блок и выводить абсолютным позиционированием. например:


<div class="headerbanner">
<a href="http://www.vsemayki.ru/?ref=32580" target="_blank"><img src="http://partners.vsemayki.ru/img/saved/7/banners_b_367_468x60.gif" height="60" width="468" border=0 ></a>
</div>

и в стилях:
для #Header прописать (если нету) position:relative;

и стили самого блока:
.headerbanner{
position:absolute;
top:0;
right:0;
}

размеры области и отступы добавите по своему усмотрению. правда, взависимости от типа верстки, при определенных условиях возможно налезание баннеров на область слева от них. поигравшись со стилями можно решить и эту проблему.

другой вариант - обтекание. но тут надо изучить, как построен Ваш шаблон, по скрину и куску кода мало что можно понять

Спасибо большое! Воспользовался советами и стоит почти так, как надо. Как вы и говорили, баннер немного уходит влево, значения right и top по нулям, пытался подвинуть его правее, не хочет. Можете что-нибудь посоветовать?

Google: общее количество обратных В Яндекс.Вебмастере появилась возможность Google: ссылки из Wikipedia

DF

56

DENisF

25 декабря 2012, 09:14

#4

Ночной_Блоггер:
Можете что-нибудь посоветовать?

измените ширину Container до 1070px либо так

Медицинский портал

<br/>

<span>Портал о самой нужной медицине :)</span>

</div>

[Удален]

25 декабря 2012, 09:39

#5

DENisF:
измените ширину Container до 1070px либо так

<div id="Logo">
Медицинский портал
<br/>
<span>Портал о самой нужной медицине :)</span>
</div>

Спасибо, все отлично стало! Использовал br.

Спасибо ребята, что помогли, сам бы не справилися.

Кстати, вопрос, <br> и </br> чем-то отличаются? Всегдна юзаю br, но часто встречаю /br

Правда верхний баннер висит максимально вверху (прилип к верхнему краю сайта), но все равно выглядит не плохо )

Меню внизу страницы. Что DLE парсер текста Перенос текстовой строки WordPress

DF

56

DENisF

25 декабря 2012, 09:50

#6

для XHTML валидно <br /> а для HTML <br>

Q8

31

q8888

25 декабря 2012, 09:53

#7

<br /> правильнее. с некоторых пор спецификация html требует закрывание всех тегов, в том числе непарных. если <div> закрывается </div>ом, то непарные теги желательно прописывать с "самозакрыванием" через пробел+слеш в конце. точно так же и с другими тегами: <img ... />, <hr /> и т.п.

валидатор не будет ругаться на такой вид. хотя, многие старые верстальщики пишут по-старому :)

Google: как сделать статические WordPress реализует lazy-loading по О склеивании слов в

[Удален]

25 декабря 2012, 09:57

#8

Понятно, спасибо :)

Как снизить ДРР до 4,38% и повысить продажи с помощью VK Рекламы

Вышел новый Яндекс Браузер с YandexGPT и YandexART