Элемент iframe и его атрибуты

Вот пример iframe:

<iframe src="http://yapro.ru/web-master/xhtml/iframe-element.html" frameborder="1" scrolling="no" height="150" width="700" hspace="10" vspace="50" marginwidth="30" marginheight="8"></iframe>

разберем его:

src="text.html" - документ который мы подгружаем

vspace="50" - вертикальный отступ или отступ по вертикали от фрейма, снаружи фрейма

hspace="10" - горизонтальный отступ или отступ по горизонтали от фрейма, снаружи фрейма

marginwidth="30" - отступ по ширине или отступ справа и слева, внутри фрейма

marginheight="8" - отступ по высоте, то есть отступ сверху и снизу, внутри фрейма

frameborder="1" - ширина границы фрейма

scrolling="no" - показывать ли скролинг, в данном случае стоит no(нет), если скролинг нужен то ставим yes(да)

width="800" - собственно ширина фрейма

height="600" - высота фрейма

Примечание: не все атрибуты, перечисленные здесь, будут "выполнять свою миссию" в других браузерах!

Оцени публикацию:
  • 24,105
Оценили человек: 24

Похожие статьи:

Справочники и учебники:


Комментарии посетителей:
  • Спасибо, буду использовать на сайте www.timoshin.ru - художник Тимошин
    25 мая 2009, 12:56 коммент полезен : -8 # Гость
  • У меня вопрос: что сделать чтобы загружаемое окно показывало низ, а не верх страницы? Мне оч нужно это для создания чата. Последние сообщения внизу.
    19 января 2011, 15:04 коммент полезен : -2 # Kear
    • можно с помощью JavaScript прокрутить окно в ифрэйме в самый низ или загружать его с якорем, который в iframe расположен в подвале.
      12 февраля 2011, 05:18 коммент полезен : -1 # Admin
      • Спасиб за совет. А как именно с помощью JS это сделать? Может на этом сайте есть уроки соответствующие? Или подскажи как этот якорь в подвал закинуть.
        13 февраля 2011, 20:05 коммент полезен : 0 # Kear
        • Без проблем, вот подготовил Вам пример в двух вариантах, сначала с якорем, а потом с помощью JS - http://yapro.ru/uploads/Files/iframe/index.html
          14 февраля 2011, 08:30 коммент полезен : +1 # Admin
          • Спасибо! Очень помог!(yea) (yea) (yea)
            17 февраля 2011, 21:06 коммент полезен : 0 # Kear
          • Огромнейшее спасибо !!!А то скрол топ работало у меня только с дивами и никак с и-фреймом !
            16 мая 2011, 22:53 коммент полезен : +1 # Jquery38 (гость)
          • Там якорь в Вашем 1-вом примере - айдишник. А как провернуть такую штуку с якорем, который имеет атрибут, допустим, result ?
            16 мая 2011, 22:56 коммент полезен : 0 # Jquery38 (гость)
            • что-то я такого атрибута не встречал ни у одного элемента, может Вы имеете ввиду значение id?
              17 мая 2011, 06:18 коммент полезен : 0 # Admin
        • Не надо никаких якорей, просто знание CSS, вот лови:

          <div style="max-width: 977px;min-width:650px; height: 100%; overflow: hidden;">
          <iframe style="border: 0px solid black; margin-left: -260px; margin-top: -366px;" src="Ваш сайт" width="950" height="2900" scrolling="no"> </iframe>
          </div>
          28 января 2016, 22:05 коммент полезен : +1 # Deryvier
  • есть ещё атрибут - allowfullscreen(это на you tube подсмотрел), правда не знаю для чего он.
    Вопрос: есть ли возможность, чтоб не было скролинга, уменьшить отображаемый фрейм?
    30 марта 2011, 05:43 коммент полезен : 0 # Иван1
    • scrolling="no" выше об этом написано
      30 марта 2011, 06:10 коммент полезен : 0 # Admin
  • Спасибо!!! Целую кучу сайтов перелопатил и только здесь нашёл что-нибудь понятное и ответ на свой вопрос :-)
    Странно только, что marginwidth и marginheight не работают. В четырёх браузерах проверил. В Вашем примере (на этой странице) всё работает. У меня - нет :-( Даже JS из Вашего примера выше в комментах использовал... Не могу понять в чём дело.
    02 мая 2011, 11:35 коммент полезен : 0 # Nick
    • Автор не до конца обьснил сущность фреймов - существует ОГРОМНАЯ разница между фреймами, которые показывают страничку с того-же домена и фреймами, которые показывают странички с других доменов!
      У автора прокрутка фрейма осуществляется за счет прокрутки не самого фрейма, а содержимого этого фрейма. Т.е., он получает доступ к страничке, которая отображается во фрейме и прокручивает именно ее!
      Если фрейм отображает страничку с другого домена, то браузеры, из-за требований безопасности, блокируют доступ к содержимому такого фрейма! Поэтому, если Вы загружаете во фрейм страничку совершенно с другого сайта, то у Вам не будут работать вообще никакие примеры, которыми пестрит Инет - прийдется смириться, что во фрейме вы будут видеть чужой сайт в таком виде, как его задумал автор этого сайта!
      19 июня 2011, 22:41 коммент полезен : +4 # Гость
Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Сколько будет Οдин + Τри
Главная
X

Новые заметки:

Про что мы забываем когда делаем оценку задачи по времени

Список вопросов для собеседования разработчика по телефону

Symfony2 авторизация без Doctrine2 для чайника

Phpstorm7 LiveEdit

Жесткий хабр или не хабр, тогда кто?

Яндекс.Деньги мошенничество

Как узнать какие страницы в поиске яндекса или это секрет

Последние комменты:

Yapro CMS:

Здравствуйте, Гость | Войти | Регистрация | Карта сайта | RSS ленты | Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2018 YaPro.Ru

Главная » Веб-мастеру » HTML »