Jump to content
  • 0

Помогите сверстать адаптивный элемент с iframe и текстом рядом с ним


kniggaliev
 Share

Question

Люди добрые, беда. Не могу никак сверстать адаптивный элемент из iframe с виде от ютуба внутри и текста рядом с ним. Align, div, float все пробовал. Нужно просто, чтобы текст обтекал айфрейм с отступом и съезжал вниз (если экран маленький). Помогите чем сможете! Заранее огромное спасибо!

вот код для начала http://cssdeck.com/labs/v0ykdapb

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

 

Большое спасибо! Вот что у меня получилось http://cssdeck.com/labs/i3xa5vim. И если не трудно подскажите что написать чтобы текст адаптировался под экран пользователя? В chrome при просмотре на разных устройствах текст меняет размер, но когда я занес текст и фрейм в разные div, он перестал адаптироваться. текст вне этих div адаптируется. Помогите!!!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By kapralpv
      Есть сайт с видеоконтентом. Стандартный код плеера по умолчанию выводится через iframe на всех страницах сайта в одном и том же месте (по ID материала). Сразу говорю - да, сайт с фильмами, контент пиратский, надеюсь в 21-м веке это никого не удивит. Дальше по теме - бывает так, что у видеобалансера нет моего фильма и соответственно на моем сайте вместо рабочего плеера выводится пустое место. Вопрос: можно ли реализовать подложку под iframe в виде текста, типа "Видео отсутствует" и т.п.  Я пытался создать блок div с текстом на темном фоне с размерами равным плееру, но на рабочих фильмах текст "просвечивается наружу" поверх блока iframe. Можно ли реализовать подложку под блок iframe, которая не была бы видна при наличии плеера и наоборот появлялась при его отсутствии средствами HTML и CSS?
    • By andryha2008
      Доброго времени суток!
      Моё имя Андрей. Я представитель сообщества авторов (копирайтинг, рерайтинг). Я хочу обратиться к веб-разработчикам, SEO-оптимизаторам и людям других профессий, работа которых заключается в разработке, поддержке, оптимизации сайтов, онлайн проектов и пр.
       В моей команде есть как начинающие копирайтеры, так и люди с более 10-ти летним опытом. Соответственно они пишут уникальные тексты на разные тематики и по разным ценам. Также делают качественный рерайт. Владельцы сайтов, проектов постоянно нуждаются в контенте. Я могу этот контент предоставить.
      Все мои авторы пишут качественные и уникальные тексты. Здесь важно понимать, что если стоимость текста более низкая, то и качество соответственно тоже. Но каждый текст перед отправкой к заказчику дополнительно проверяется на уникальность и ошибки как орфографические, так и пунктуационные которые сразу же и исправляются. 
      У меня есть предложение. Вы как разработчики web ресурсов, проектов, оптимизаторы  проектов, работаете с заказчиками, создаёте для них проекты, которые постоянно нуждаются в контенте. А посему если вы будете рекомендовать мои услуги вашим заказчикам, и я с ними буду сотрудничать, то и вы сможете получать от меня свой процент от заказа.
      В этой несложной схеме выгода очевидна для всех:
      Заказчик получает желаемый контент не за все деньги мира Вы получаете свой процент от заказа Я распределяю заказы среди своих авторов и тоже зарабатываю Авторы работают и получают свою честно заработанную зарплату Теперь более подробно пройдёмся по пунктам:
      1.Цена для заказчика может колебаться в диапазоне 1$-3$ за 1000 знаков. Заказчику не нужно самостоятельно искать копирайтеров, рерайтеров. Ему не придётся больше долго и нудно искать необходимые ему текста на текстовых биржах и покупать кота в мешке (ведь бывают ситуации, когда приобретённый контент оказывается не такого качества, на который рассчитывал заказчик). Мои авторы пишут на разные темы, недолго и ни в коем случае не срывают сроков выполнения заказа. Ведь если у одного исполнителя «взорвётся микроволновка» или «утонет домашний питомец» то его сразу заменяет другой. И заказ будет выполнен вовремя. Более того, самостоятельный поиск, покупка контента, общение с авторами, вечный поиск нужных статьей на биржах, как правило, отнимают много времени. И так же, после того как заказчик найдет себе исполнителя, далеко не факт что техническое задание будет строго соблюдено.
       Я же предлагаю взять на себя эти все заботы. Таким образом заказчик экономит много времени, которые он будет использовать на другие, более важные дела, например, на развитие, оптимизацию, и рекламу своих проектов. Согласитесь, заказчику должно понравится это предложение.
      2.Вы, приводя мне заказчика, получаете свой процент от заказа, который может колебаться от 5% до 20% стоимости в зависимости от количества и объёмов заказов, которые требуются вашему заказчику. То есть вы просто рекомендуете меня и после того как заказчик проверит контент и произведёт оплату мне, вы просто получаете дополнительный доход, хоть и не такой большой, как от вашей основного вида деятельности. Можно сделать даже вечный процент (когда заказчик, которому вы порекомендовали меня будет делать заказы у меня без вашего ведома, свой процент вы всё равно будете получать от меня прямиком на карту). Все деньги, проценты, обороты, будут складываться в базу данных. Я работаю честно. Никого не забуду и не обижу. Это же и в моих интересах.
      3.Альтруистов в этом мире становится всё меньше и меньше. И я не альтруист. Я тоже хочу зарабатывать, выполняя роль посредника на контенте.
      4.Теперь автору не нужно самостоятельно «вылавливать» одиночные заказы на биржах, постоянно участвовать в тендерах чтобы получить долгожданный заказ, тратить много времени на поиск заказа, а после выполнения, искать следующий. Ведь половину рабочего времени копирайтер тратит именно на это, вместо того чтобы делать то, что он умеет: писать. В этом случае я обеспечиваю авторов постоянным потоком заказов, и они «с головой» погружаются в работу и работают, не переживая о поиске заказов. Многие копирайтеры предпочитают работать именно через посредников, поскольку за то время, что они потратят на поиск заказов они смогут неплохо заработать, если это же время потратить на работу.
      Если эта схема полностью белая и абсолютно всем выгодная, то почему бы вам не попробовать поработать со мной описанным выше методом?
       Связаться со мной можно по почте: tekstiya@gmail.com
      Спасибо за внимание и понимание. С уважением, Андрей
    • By San4ous
      Привет, подскажите пожалуйста, как мне сделать рамку вокруг изображения, между которыми можно вставить текст (как подпись к картинке), т.е как в Википедии. Если что, работаю в Sulime text html
    • By Kristi
      Подскажите можно увеличить расстояние между текстом и картинкой в маркированном списке. Конкретно для маркированного списка? 

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy