18-07-2005, 07:48
|
|
|
חבר מתאריך: 19.07.04
הודעות: 37
|
|
html:
קוד:
<ul id="navlist">
<li class="mmli">
<a href="index.php">Index</a>
</li>
<li class="mmli">
<a href="stats.php">Stats</a>
<div class="submenu">
<ul>
<li><a href="stats.php?type=today">Shows Airing Today</a></li>
<li><a href="stats.php?type=top20shows">Top 20 Watched Shows</a></li>
<li><a href="stats.php?type=top20watchers">Top 20 Series Watchers</a></li>
</ul>
</div>
</li>
</ul>
וה-CSS:
קוד:
#navlist
{
/* Usually UL has no width, so to work it out we set width to 100%
Then we can play with all the shit we want on it */
width: 100%;
background-color: rgb(27, 159, 188);
border: solid 1px black;
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
margin-left: 0;
line-height: 18px;
font-weight: bold;
}
#navlist .disabled
{
color: rgb(172, 168, 153);
}
/* Mainmenu list item */
#navlist .mmli
{
color: white;
padding: 8px;
display: inline;
position: relative;
}
/* All links in the menus */
#navlist a
{
color: white;
text-decoration: none;
}
/* All hovered links in the menus */
#navlist a:hover
{
color: yellow;
}
/* All the submenus */
#navlist .mmli .submenu
{
border: 1px solid black;
background-color: rgb(27, 159, 188);
margin-top: 6px;
padding: 8px;
list-style: none;
display: none;
position: absolute;
top: 2em;
left: 0;
}
/* Some fix for auto adjustment in shit other than IE */
#navlist .mmli > .submenu
{
top: auto;
left: auto;
}
/* To adjust with the unoreded lists in the submenus */
#navlist .mmli .submenu ul
{
text-align: left;
margin-left: 0;
padding-left: 0;
list-style: none;
}
/* Just to display those menus */
#navlist li:hover .submenu, #navlist li.over .submenu
{
display: block;
}
_____________________________________
Your signature did not follow Fresh's signatures policy, therefore it was automatically erased. Please see the E-Mail which has been sent to you, to learn how to fix this.
|