problem z wysuwanym menu
: 29 maja 2011, 12:58:54
gdy chce zobaczyc efekt pracy wyskakuja mi trzy bledy
http://imageshack.us/photo/my-images/62/blad1o.jpg/
http://imageshack.us/photo/my-images/718/blad2.jpg/
http://imageshack.us/photo/my-images/84/blad3.jpg/
tutaj jest kod html
<body>
<p>
<div class="menu">
<dl id="menu1">
<dt>HTML</dt>
<dd><a href="...">...</a></dd>
<dd><a href="...">...</a></dd>
</dl>
<script type="text/javascript">
// <![CDATA[
new Menu('menu1', 'position: absolute', true, true, -1, -1, -1, -1, true);
// ]]>
</script>
<dl id="menu2">
<dt>CSS</dt>
<dd><a href="...">...</a></dd>
<dd><a href="...">...</a></dd>
</dl>
<script type="text/javascript">
// <![CDATA[
new Menu('menu2', 'position: absolute; left: 150px', true, true, -1, -1, -1, -1, true);
// ]]>
</script>
<dl id="menu3">
<dt>Skrypty</dt>
<dd><a href="...">...</a></dd>
<dd><a href="...">...</a></dd>
</dl>
<script type="text/javascript">
// <![CDATA[
new Menu('menu3', 'position: absolute; left: 300px', true, true, -1, -1, -1, -1, true);
// ]]>
</script>
</div>
</p>
</body>
a tutaj css
.menu {
position: relative;
}
.menu dl {
width: 150px;
margin: 0;
padding: 0;
border-width: 1px;
border-style: solid;
border-color: #aaa #666 #666 #aaa;
}
.menu dt {
margin: 0;
padding: 2px 5px;
cursor: pointer;
background-color: #888;
color: #fff;
font-weight: bold;
text-align: center;
}
.menu dd {
margin: 0;
padding: 2px 5px;
background-color: #ccc;
color: #000;
}
http://imageshack.us/photo/my-images/62/blad1o.jpg/
http://imageshack.us/photo/my-images/718/blad2.jpg/
http://imageshack.us/photo/my-images/84/blad3.jpg/
tutaj jest kod html
<body>
<p>
<div class="menu">
<dl id="menu1">
<dt>HTML</dt>
<dd><a href="...">...</a></dd>
<dd><a href="...">...</a></dd>
</dl>
<script type="text/javascript">
// <![CDATA[
new Menu('menu1', 'position: absolute', true, true, -1, -1, -1, -1, true);
// ]]>
</script>
<dl id="menu2">
<dt>CSS</dt>
<dd><a href="...">...</a></dd>
<dd><a href="...">...</a></dd>
</dl>
<script type="text/javascript">
// <![CDATA[
new Menu('menu2', 'position: absolute; left: 150px', true, true, -1, -1, -1, -1, true);
// ]]>
</script>
<dl id="menu3">
<dt>Skrypty</dt>
<dd><a href="...">...</a></dd>
<dd><a href="...">...</a></dd>
</dl>
<script type="text/javascript">
// <![CDATA[
new Menu('menu3', 'position: absolute; left: 300px', true, true, -1, -1, -1, -1, true);
// ]]>
</script>
</div>
</p>
</body>
a tutaj css
.menu {
position: relative;
}
.menu dl {
width: 150px;
margin: 0;
padding: 0;
border-width: 1px;
border-style: solid;
border-color: #aaa #666 #666 #aaa;
}
.menu dt {
margin: 0;
padding: 2px 5px;
cursor: pointer;
background-color: #888;
color: #fff;
font-weight: bold;
text-align: center;
}
.menu dd {
margin: 0;
padding: 2px 5px;
background-color: #ccc;
color: #000;
}