
22.09.2009, 10:16
|
|
Постоянный
Регистрация: 07.03.2009
Сообщений: 357
Провел на форуме: 1284900
Репутация:
399
|
|
Вот вариант под IE
Код HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Байки из склепа</title>
<script type="text/javascript">
function change_frame(src){
document.all.fra1.src=src;
}
</script>
<style type="text/css">
body {
font: 10pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */
margin: 0; /* Отступы на странице */
}
h1 {
font-size: 36px; /* Размер шрифта */
margin: 0; /* Убираем отступы */
color: #fc6; /* Цвет текста */
}
h2 {
margin-top: 0; /* Убираем отступ сверху */
}
#header { /* Верхний блок */
background: #0080c0; /* Цвет фона */
padding: 10px; /* Поля вокруг текста */
}
#sidebar { /* Левая колонка */
float: left; /* Обтекание справа */
border: 1px solid #333; /* Параметры рамки вокруг */
width: 20%; /* Ширина колонки */
padding: 5px; /* Поля вокруг текста */
margin: 10px 10px 20px 5px; /* Значения отступов */
}
#content { /* Правая колонка */
margin: 10px 5px 20px 25%; /* Значения отступов */
padding: 5px; /* Поля вокруг текста */
border: 1px solid #333; /* Параметры рамки */
}
#footer { /* Нижний блок */
background: #333; /* Цвет фона */
padding: 5px; /* Поля вокруг текста */
color: #fff; /* Цвет текста */
}
</style>
</head>
<body>
<div id="header"><h1>Байки из склепа</h1></div>
<div id="sidebar">
<div><a onClick="change_frame('frm.html#1')" href="#">1</a></div>
<div><a href="frm.html#2">2у</a></div>
<div><a href="frm.html#3">3</a></div>
</div>
<div id="content">
<iframe src="" width="100%" height="550" frameborder="0" id="fra1">
</iframe>
</div>
<div id="footer">© Влад Мержевич</div>
</body>
</html>
А в том примере что вы показали это реализованно на флеше.
Последний раз редактировалось Gray_Wolf; 22.09.2009 в 10:36..
|
|
|