Какой лучший способ создать внешние веб-страницы под баннером? - PullRequest
3 голосов
/ 23 августа 2009

Google Images - лучший пример. После того, как вы проследите за изображением, в верхней части страницы останется рамка, всегда напоминающая о необходимости возврата в Google. Есть ли у этой техники специальное имя, и как наиболее эффективно это сделать?

Пока у меня есть это:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Framed content</title>
    <style type="text/css">
        #bar {
            width:100%;
            height:10%;
        }
        iframe {
            width:100%;
            height:90%;
        }
    </style>
</head>
<body>
    <div id="bar"><!-- PUT THE CONTENTS OF THE BAR HERE --></div>
    <iframe src="{LOCATION OF THE HTML PAGE}"></iframe>
</body>
</html>

Как я могу адаптировать вышеприведенное, чтобы #bar мог считывать максимум 100px, а не 10%? Как это влияет на код? Это суть моего вопроса.

Большое спасибо. Patrick

Ответы [ 4 ]

3 голосов
/ 23 августа 2009

Я думаю, что он все еще называется просто ' framing ', даже если он более продвинут, чем старый стиль набора фреймов, популярный в конце 90-х и начале 2000-х. Другие примеры, которые вы можете изучить, включают Facebook и Stumbleupon.

1 голос
/ 24 августа 2009

Вы можете сделать то, что делает Google, и удалить тэг doctype. эта разметка сразу же сработает, и вы сможете установить высоту бара на 100 пикселей и высоту iFrame на 100%, что даст желаемый результат.

1 голос
/ 24 августа 2009

Я видел, что это называется "topbar" ...

Лично я нахожу их действительно раздражающими, если они не служат очень полезной цели. Мне не нужно напоминать, чтобы вернуться на ваш сайт. В этот момент вы можете просто открыть ссылку в новом окне.

0 голосов
/ 24 августа 2009

После небольшого расследования я столкнулся с этим, который вообще не использует фреймы. Я знаю, что некоторые люди не будут касаться наборов фреймов с помощью баржи, но мне было бы интересно узнать, что люди думают о потенциальных проблемах, кроме очевидных «фреймов, которые не поддерживаются».

<html>  
<frameset rows="100,*" frameborder="no" framespacing="0"> 
  <frame name="h" src="top_source" scrolling="no" noresize >      
  <frame name="t" src="main_source" scrolling="auto" noresize > 
</frameset> 
</html>

При этом используется подстановочный знак "*", которого нет у атрибутов высоты div.

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