Продскажите по верстке (div)

11-23-2010, 04:37 PM

Поставил себе шаблон, малясь перелопатил под себя как мог.. Сейчас решил поставить рекламу от гугла в header, но нифига не выходит. Вот код header-а

Code:

<!-- main container -->
<div class="main_container" style="width: $stylevar[outertablewidth]">

<!-- header -->
<div class="header_container">
<div class="header">
<!-- logo -->
<a href="http://www. мой сайт.com/"><img id="logo_image" src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a>
<!-- /logo -->

$_phpinclude_output

$ad_location[ad_header_end]

Вот код id="logo_image"

Code:

#logo_image {
 position: absolute;
 top: 15px;
 left: 15px;
 margin: 0px;
}

Нужно вставить баннер и чтобы он был рядом с логотипом (справа). Но как не пробовал - вставляется снизу или сверху. Как бэ в табличной верстке помню как делается

Code:

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

а тут хз.. подскажите что можно сделать =) Как назывался шаблон я даже не помню =)

Kater добавил 23.11.2010 в 15:37
О! Хочу типа как у вас, только на оборот, лого слева, а баннер справа =)

11-23-2010, 04:48 PM

об чем речь?
какие дивы в тройке?
может разделом ошибся?

11-23-2010, 05:06 PM

Да не, в тройке. Говорю же, что поставил какую-то шкуру на форум давно, только переправил ее под себя.. Сейчас начал ковырятся, а она в дивах. Стандартная то табличная, знаю.

Kater добавил 23.11.2010 в 16:06

Quote:

Originally Posted by Syn

Code:

<div style="float:right">your banner code</div>
<!-- logo -->
<a href="http://www. мой сайт.com/"><img id="logo_image" src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a>

Ну уже почти =) Получилось справа, но все равно ниже, не на одном уровне с логотипом..

11-23-2010, 05:14 PM

1. реклама справа (выравнивание по правой стороне, обтекание по левой)

Code:

<div style="float:right">your promotion code</div>
<!-- logo -->
<a href="http://www. мой сайт.com/"><img id="logo_image" src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a>

2. реклама так же справа (выравнивание по левой стороне, обтекание по правой)

Code:

<!-- logo -->
<div style="float:left"><a href="http://www. мой сайт.com/"><img id="logo_image" src="$stylevar[titleimage]" alt="$vboptions[bbtitle]" /></a></div>
<!-- /logo -->
<div style="float:left">your promotion code</div>

выбирай более подходящий

Syn добавил 23.11.2010 в 16:14
а если что-то съезжает, смотри в сторону ширины блоков

11-23-2010, 05:24 PM

Не, все равно съезжает.. Вот скрины

1. реклама справа (выравнивание по правой стороне, обтекание по левой)

2. реклама так же справа (выравнивание по левой стороне, обтекание по правой)

Kater добавил 23.11.2010 в 16:24

Quote:

Originally Posted by Syn

а если что-то съезжает, смотри в сторону ширины блоков

Ладно, пороюсь в стилях..

11-23-2010, 05:27 PM

Kater, Поставь Dreamveawer к примеру (ну если руками никак), в нём открой свой header и сделай в виде таблицы.

ну например так как то:

Code:

<!-- logo -->
<table width="100%"><tr>
<td align="left"><a href="http://www. мой сайт.com/"><img id="logo_image" src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="right"><img src="" /></td>
</tr>
</table>
<!-- /logo -->

11-23-2010, 05:29 PM

Quote:

Originally Posted by cyberdaemon

Kater, Поставь Dreamveawer к примеру (ну если руками никак), в нём открой свой header и сделай в виде таблицы.

Да я им сроду не пользовался =) Три года сайты верстал в блокноте, потом забросил это дело вообще.. Ладно, попробую установить его.

11-23-2010, 05:40 PM

cyberdaemon, какой Dreamveawer, ты еще WYSIWYG начни советовать...
блокнот, мозги, доки - это все!

Kater, чтоб блоки не съезжали можно добавить inline [style="float:left/right; display:inline"]
и убери из #logo_image -> position:absolute

11-23-2010, 05:40 PM

Syn, Извини конечно, но ты знаешь познания ТС в верстке? Я лично нет, а при виде подобного вопроса я подразумеваю не высокие познания, следовательно советую именно то, что советую. Кстати мною же указано "(ну если руками никак)"!

P.S. dreamveawer и есть ни что иное как WYSIWYG

11-23-2010, 05:47 PM

cyberdaemon, Оффтоп