Обернуть текст вокруг объявления в iframe - PullRequest
0 голосов
/ 28 сентября 2018
<div id="537267840_INSERT_SLOT_ID_HERE" style="width:300px;height:250px;margin:0;padding:0">
  <noscript><iframe id="7226f0426f" name="7226f0426f" src="//oncampusweb-d.openx.net/w/1.0/afr?auid=537267840&cb=INSERT_RANDOM_NUMBER_HERE" frameborder="0" scrolling="no" width="300" height="250" style="float: left; clear: left"><a href="//oncampusweb-d.openx.net/w/1.0/rc?cs=7226f0426f&cb=INSERT_RANDOM_NUMBER_HERE" ><img src="//oncampusweb-d.openx.net/w/1.0/ai?auid=537267840&cs=7226f0426f&cb=INSERT_RANDOM_NUMBER_HERE" border="0" alt="" style="float: left; clear: left"></a></iframe></noscript>
</div>
<script type="text/javascript">
  var OX_ads = OX_ads || [];
  OX_ads.push({
     slot_id: "537267840_INSERT_SLOT_ID_HERE",
     auid: "537267840"
  });
</script>

<script type="text/javascript" src="//oncampusweb-d.openx.net/w/1.0/jstag"></script>
 <p> Hello </p>

Моя проблема в том, что я хочу, чтобы код вокруг этого объявления был обернут вокруг объявления.Прямо сейчас объявление занимает всю строку.

1 Ответ

0 голосов
/ 28 сентября 2018

Я предвосхищу это, сказав, что я не эксперт по CSS.Кто-то может предоставить лучший ответ.

Основная проблема, как представляется, заключается в том, что iframe дополнения не существует на странице раньше времени, он создается фрагментом Javascript.Таким образом, вы не можете гарантированно знать, что именно будет создано или где оно будет создано.Для этого ответа я предполагаю, что сторонний сервис всегда будет создавать iframe с атрибутом id, который начинается с "ox_" (как это происходит сейчас).Исходя из этого, вы можете просто добавить этот CSS:

iframe[id^='ox_'] {
  float:left;
}

DEMO

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...