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

Вот пример iframe который Вы видите выше:

<iframe src="http://www.google.com/search?q=iframe" 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" - высота фрейма

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

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

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


Комментарии посетителей:
  • Спасибо, буду использовать на сайте www.timoshin.ru - художник Тимошин
    25 мая 2009, 16:56 коммент полезен : -3 # Гость
  • У меня вопрос: что сделать чтобы загружаемое окно показывало низ, а не верх страницы? Мне оч нужно это для создания чата. Последние сообщения внизу.
    19 января 2011, 18:04 коммент полезен : 0 # Kear
    • можно с помощью JavaScript прокрутить окно в ифрэйме в самый низ или загружать его с якорем, который в iframe расположен в подвале.
      12 февраля 2011, 08:18 коммент полезен : 0 # Admin
      • Спасиб за совет. А как именно с помощью JS это сделать? Может на этом сайте есть уроки соответствующие? Или подскажи как этот якорь в подвал закинуть.
        13 февраля 2011, 23:05 коммент полезен : 0 # Kear
        • Без проблем, вот подготовил Вам пример в двух вариантах, сначала с якорем, а потом с помощью JS - http://yapro.ru/uploads/Files/iframe/index.html
          14 февраля 2011, 11:30 коммент полезен : +1 # Admin
          • Спасибо! Очень помог!(yea) (yea) (yea)
            18 февраля 2011, 00:06 коммент полезен : 0 # Kear
          • Огромнейшее спасибо !!!А то скрол топ работало у меня только с дивами и никак с и-фреймом !
            17 мая 2011, 02:53 коммент полезен : 0 # Jquery38 (гость)
          • Там якорь в Вашем 1-вом примере - айдишник. А как провернуть такую штуку с якорем, который имеет атрибут, допустим, result ?
            17 мая 2011, 02:56 коммент полезен : 0 # Jquery38 (гость)
            • что-то я такого атрибута не встречал ни у одного элемента, может Вы имеете ввиду значение id?
              17 мая 2011, 10:18 коммент полезен : 0 # Admin
  • есть ещё атрибут - allowfullscreen(это на you tube подсмотрел), правда не знаю для чего он.
    Вопрос: есть ли возможность, чтоб не было скролинга, уменьшить отображаемый фрейм?
    30 марта 2011, 09:43 коммент полезен : 0 # Иван1
    • scrolling="no" выше об этом написано
      30 марта 2011, 10:10 коммент полезен : 0 # Admin
  • Спасибо!!! Целую кучу сайтов перелопатил и только здесь нашёл что-нибудь понятное и ответ на свой вопрос :-)
    Странно только, что marginwidth и marginheight не работают. В четырёх браузерах проверил. В Вашем примере (на этой странице) всё работает. У меня - нет :-( Даже JS из Вашего примера выше в комментах использовал... Не могу понять в чём дело.
    02 мая 2011, 15:35 коммент полезен : 0 # Nick
    • Автор не до конца обьснил сущность фреймов - существует ОГРОМНАЯ разница между фреймами, которые показывают страничку с того-же домена и фреймами, которые показывают странички с других доменов!
      У автора прокрутка фрейма осуществляется за счет прокрутки не самого фрейма, а содержимого этого фрейма. Т.е., он получает доступ к страничке, которая отображается во фрейме и прокручивает именно ее!
      Если фрейм отображает страничку с другого домена, то браузеры, из-за требований безопасности, блокируют доступ к содержимому такого фрейма! Поэтому, если Вы загружаете во фрейм страничку совершенно с другого сайта, то у Вам не будут работать вообще никакие примеры, которыми пестрит Инет - прийдется смириться, что во фрейме вы будут видеть чужой сайт в таком виде, как его задумал автор этого сайта!
      20 июня 2011, 02:41 коммент полезен : 0 # Гость

Предложения и пожелания:
Ваше имя: Ваш E-mail:
Введите изображенные цифры:
Captcha

HTML (19)

CSS (36)

PHP (21)

MySQL (14)

JavaScript (57)

Flash (6)

XML (3)

Apache (34)

Дизайн (35)

Продвижение (30)

Программы (25)

Unix (11)

Интересное (37)


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


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

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

Защита сервера от ошибок в phpMyAdmin

HTML5 - новые виды атак

Социальные рекомендации Twitter в Google

Ашманов про стартапы

Skype Distributed Database Architecture

Erlang - лекарство при высоких нагрузках

Amazon Web Services: инструменты обеспечения масштабируемости и отказоустойчивости

Обсуждения на форуме:

Новый раздел

Шаблонизация

YaPro - Полная сборка системы

Дубли файлов, эскизы изображений, редактирование шаблонов

Общая регистрация в CMS и phpBB3

Помощь в разработке шаблона

Идея модуля музыкальной системы

Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter| Здравствуйте, Гость | Войти | Регистрация| Карта сайта | RSS ленты
О проекте | Скачать CMS | Видеоуроки | Документация | Плагины | Форум | Идеи | Новости | Веб-мастеру | Контакты

YaPro CMS в Живом Журнале

YaPro CMS в Твитере

YaPro CMS в Одноклассниках

YaPro CMS в Яндекс.Блогах


youtube.com/watch?v=7hFivbgIEqk

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


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