Autor Zpráva
martin27
Profil
#1 · Zasláno: 4. 4. 2006, 20:16:48
Odpovědět Citovat
jak mám udělat více tichto menu vedle sebe třeba 3?dík
:

<html>
<head>

<title>Dropdown Sample</title>

<script type="text/javascript" src="dropdown.js">
</script>

</head>
<body>

<!-- Dropdown Menu -->

<div id="menu_parent"
style="width: 100px; border: 1px solid black; background: #FFFFEE; padding: 0px 5px;
font-weight: 900; color: #008000;">
Main Menu
</div>
<div id="menu_child"
style="position: absolute; visibility: hidden; background: #FFFFEE;">
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="#">Item 1</a>
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="#">Item 2</a>
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0;" href="#">Item 3</a>
</div>

<script type="text/javascript">
at_attach("menu_parent", "menu_child", "hover", "y", "pointer");
</script>
</body>
</html>


Samozřejmě u toho musíte mít dropdown.js
RPG
Profil
#2 · Zasláno: 4. 4. 2006, 20:23:08
Odpovědět Citovat
martin27
float:left;
martin27
Profil
#3 · Zasláno: 4. 4. 2006, 20:27:55
Odpovědět Citovat
A kam to mám napsat?
RPG
Profil
#4 · Zasláno: 4. 4. 2006, 20:32:27
Odpovědět Citovat
<div id="menu_parent" style="width: 100px; border: 1px solid black; background: #FFFFEE; padding: 0px 5px; font-weight: 900; color: #008000; float:left;">
martin27
Profil
#5 · Zasláno: 4. 4. 2006, 20:46:03
Odpovědět Citovat
No jo ale když to tam takhle napíšu tak mi funguje jen jedno z nich a to druhy ne nevim cim to je dik za radu

<html>
<head>

<title>Dropdown Sample</title>

<script type="text/javascript" src="dropdown.js">
</script>

</head>
<body>

<table border="1" bordercolor="green" width="50%" height="4%">
<tr>
<td>
<!-- Dropdown Menu -->

<div id="menu_parent"
style="width: 100px; border: 1px solid black; background: #FFFFEE; padding: 0px 5px;
font-weight: 900; color: #008000;" float:left;">
Main Menu
</div>
<div id="menu_child"
style="position: absolute; visibility: hidden; background: #FFFFEE;">
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="#">Item 1</a>
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="#">Item 2</a>
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0;" href="#">Item 3</a>
</div>

<script type="text/javascript">
at_attach("menu_parent", "menu_child", "hover", "y", "pointer");
</script>
</td>
<td>
<!-- Dropdown Menu -->

<div id="menu_parent"
style="width: 100px; border: 1px solid black; background: #FFFFEE; padding: 0px 5px;
font-weight: 900; color: #008000;" float:right;">
Main Menu
</div>
<div id="menu_child"
style="position: absolute; visibility: hidden; background: #FFFFEE;">
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="#">Item 1</a>
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="#">Item 2</a>
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0;" href="#">Item 3</a>
</div>

<script type="text/javascript">
at_attach("menu_parent", "menu_child", "hover", "y", "pointer");
</script>
</td>

</table>
</body>
</html>
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0