Как разместить AdSense на сайте с помощью CSS position: absolute

У меня есть учетная запись AdSense, и я просто скопировал / вставил блок Javascript, чтобы разместить рекламу на моем сайте. Однако, поскольку я не вставлял HTML-код, Js генерирует iframe и элемент ins, внутри которых появляются объявления.

Я хочу переместить эти объявления влево от моего контента, где я выделил для них место. Я пробовал добавить CSS, например "ins, iframe {position: absolute; left: 0; top: 0;}", но похоже, что он перезаписан.

Итак, мой вопрос: как я могу заставить рекламу AdSense показываться там, где я хочу? Желательно с CSS.


person Bing    schedule 04.04.2012    source источник


Ответы (1)


Вы делаете это так же, как используете CSS для управления чем-либо еще: помещаете его в div, присваиваете ему класс (или id) и форматируете родительский объект.

Вы уже используете CSS? Если это так, просто добавьте в main.css новое что-то вроде этого:

#google{
    position:absolute;
    right:0px;
    width:160px;
    top:120px;
    border-left: 1px solid black;
}

Затем на своей странице, где это уместно, добавьте следующее вокруг JavaScript Google:

<div id="google">
    <--! code here -->
</div>
person warren    schedule 04.04.2012
comment
Ух, я не думал, что он вставит свой HTML в то место, где я сбросил Javascript, поэтому я ронял его в голову, делая невозможным стилизацию. Спасибо! - person Bing; 04.04.2012
comment
отсутствует символ # в css - person Davide; 15.10.2013