| |
|
|
| | У меня веб-страничка имеет такую структуру:
<body >
<div id="menu" >
<a href="link1.htm">link1</a> <a href="link2.htm">link2</a> ...<a href="linkN.htm">linkN</a>
</div>
<div style="position:absolute;top:30left:0"><img src="file.jpg" width="2700" height="800"/></div>
</body>
|
Проблема в том, что из-за большой ширины графического файла при прокрутке страницы меню теряется из виду. Как лучше поступить, чтобы оно всегда находилось по центру экрана? | |
| |
|
|
| |
|
|
| |
для: coloboc66
(04.04.2008 в 09:53)
| | | закрепить слой с меню слева, а прокручивать только слой с фоном. на всю страницу стиль-
overflow-hidden. | |
| |
|
|
| |
|
|
| |
для: elenaki
(04.04.2008 в 10:46)
| | | Ммм... А можно немножко кода? | |
| |
|
|
|
| |
|
|
| |
для: elenaki
(04.04.2008 в 11:30)
| | | Так там код скрыт и вообще непонятно: что относительно чего прокручивается? | |
| |
|
|
| |
|
|
| |
для: coloboc66
(04.04.2008 в 11:37)
| | | ничего там не скрыто и все прозрачно. | |
| |
|
|
| |
|
|
| |
для: elenaki
(04.04.2008 в 11:39)
| | | Не пойму: так там предлагается двигать графику относительно неподвижного меню, а не наоборот? | |
| |
|
|
| |
|
|
| |
для: coloboc66
(04.04.2008 в 12:08)
| | | там вариантов много. если реализовано на слоях, какая разница, что двигается. меняйте слои
местами и все. если на слоях не осилить, можно с ифреймом сделать. но тогда полоса
прокрутки будет стандартная (ее стили можно поменять только в IE). а с этим скриптом
можно менять и стрелки и бегунок и фон скролбара. | |
| |
|
|
| |
|
|
| |
для: elenaki
(04.04.2008 в 12:15)
| | | 1. Я не вижу там инструкций по подключению скрипта.
2. Так у них эти скрипты платные? | |
| |
|
|
| |
|
|
| |
для: coloboc66
(04.04.2008 в 12:17)
| | | http://www.dyn-web.com/dhtml/scroll/
бесплатные. есть хитрость, на реальном сервере (не localhost или 127.0.0.1) выскакивает
алерт, но это легко обойти. | |
| |
|
|
| |
|
|
| |
для: elenaki
(04.04.2008 в 12:36)
| | | Ваш первый ответ:
закрепить слой с меню слева, а прокручивать только слой с фоном. на всю страницу стиль-
overflow-hidden.
меня интересует больше, чем последующие ссылки. Можно код? Или это всё одно и то же? | |
| |
|
|
| |
|
|
| |
для: coloboc66
(04.04.2008 в 12:55)
| | |
<!--Force IE6 into quirks mode with this comment tag-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dynamic Drive: CSS Left Frame Layout</title>
<style type="text/css">
body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 400px;
max-height: 100%;
}
#framecontent{
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 200px; /*Width of frame div*/
height: 400px;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: navy;
color: white;
}
#maincontent{
position: fixed;
top: 0;
left: 200px; /*Set left value to WidthOfFrameDiv*/
right: 0;
bottom: 0;
overflow: auto;
background: #fff;
}
.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}
* html body{ /*IE6 hack*/
padding: 0 0 0 200px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}
* html #maincontent{ /*IE6 hack*/
height: 400px;
width: 100%;
}
</style>
<script type="text/javascript">
/*** Temporary text filler function. Remove when deploying template. ***/
var gibberish=["This is just some filler text", "Welcome to Dynamic Drive CSS Library", "Demo content nothing to read here"]
function filltext(words){
for (var i=0; i<words; i++)
document.write(gibberish[Math.floor(Math.random()*3)]+" ")
}
</script>
</head>
<body>
<div id="framecontent">
<div class="innertube">
<h1>CSS Left Frame Layout</h1>
<h3>Sample text here</h3>
</div>
</div>
<div id="maincontent">
<div class="innertube">
<h1>Dynamic Drive CSS Library</h1>
<table width="4000" height="200">
<tr>
<td><script type="text/javascript">filltext(255)</script></td>
</tr>
</div>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: elenaki
(04.04.2008 в 13:33)
| | | А вот я иногда встречаю на сайтах блок с "кнопочкой Закрыть", и этот блок остаётся всегда в одном месте экрана независимо от того, как прокручивается окно. Как это делается? | |
| |
|
|
| |
|
|
| |
для: coloboc66
(04.04.2008 в 13:55)
| | | поиск в бесплатных скриптах по волшебным словам "меню всегда на виду". учтите, это бесит. не поиск, а подобное меню. | |
| |
|
|
| |
|
|
| |
для: elenaki
(04.04.2008 в 14:14)
| | | Я знаю, что бесит, но мне нужно только, чтобы вот это:
<div style="position:absolute;top:0;width:1000; height:30"></div>
|
не смещалось по горизонтали при горизонтальной прокрутке. Есть простые способы это сделать, или скрипты обязательны? | |
| |
|
|
