menu hover
kan iemand me hiermee helpen dit is de code die ik tot nu toe heb:
---------------CSS---------------------
ul.makeMenu li a {
border: 1px solid #E9E9E7;
color: #333333;
display: block;
height: 16px;
line-height: 14px;
text-align: right;
width: 100%;
text-decoration: none;
z-index: 100;
}
ul.makeMenu li a:visited {
color: #333333;
}
ul.makeMenu li a:hover {
border: 1px inset;
background-color: #A9A9A0;
color: #000000;
}
ul.makeMenu, ul.makeMenu ul {
background-color: #D9D9D4;
cursor: default; /* gives an arrow cursor */
/* filter:alpha(opacity=80); -moz-opacity:0.8; */
margin: 0px; /* Opera 7 final's margin and margin-box model cause problems */
padding: 0px; /* stops the usual indent from ul */
width: 162px;
z-index: 100;
}
ul.makeMenu li {
border: 1px solid;
border-color: #FFFFFF #8B8886 #8B8886 #FFFFFF;
color: #000000;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
height: 18px;
line-height: 18px;
list-style-type: none;
margin: 0px;
padding: 1px;
position: relative;
vertical-align: middle;
z-index: 100;
}
ul.makeMenu li > ul {
display: none;
position: absolute;
top: -1px;
left: 161px;
}
ul.makeMenu li:hover {
background-color: #D9D9D4;
color: #FFFFFF;
display: block;
}
ul.makeMenu li:hover > ul {
display: block;
}
-------------PHP---------------------
echo '<ul class="makeMenu">
<li><a href="http://www.tarvalon.net/English.asp"> Introduction <img src="http://www.tarvalon.net/images/arrow2.gif" border="0"></a>
<ul>
<li><a href="http://www.tarvalon.net/english.asp"> First Time Visitors </a>
<li><a href="http://www.tarvalon.net/help.asp"> Help Center/FAQ </a>
<li><a href="http://www.tarvalon.net/default.asp"> View Flash Intro </a>
</ul>
<li><a href="http://www.tarvalon.net/about_wot.asp"> The Wheel of Time <img src="http://www.tarvalon.net/images/arrow2.gif" border="0"></a>
<ul>
<li><a href="http://www.tarvalon.net/about_wot.asp"> About the Books </a>
<li><a href="http://www.tarvalon.net/library.asp?topic=Chapter%20Summaries"> Chapter Summaries </a>
<li><a href="http://www.tarvalon.net/jordan.asp"> Robert Jordan </a>
</ul>
</ul>';
kan iemand mij alsjeblieft helpen???
Check anders henzenrunners.nl, dan kan je zien hoe ik het toegepast heb :).
http://henzenrunners.nl/csshover.htc
^^ die gebruik ik daarvoor.
Han:
ik heb er nu voor gezorgt dat ie een beetje werkt maar nu laat ie de hele submenu's niet meer zien en ik heb nog steeds geen idee wrom ie t niet doet (wrom kan bill nix goed doen????)
Bill doet het niet goed, omdat hij dan weer nieuwe "verbeterde" producten (dwz met andere fouten ;P) op de markt kan brengen... Als hij een perfect product op de markt zou brengen zou die na een jaar niets meer verkopen, omdat niemand behoefte heeft aan wat anders/ beters.
http://nl3.php.net/manual/en/function.get-browser.php
:D
Gewijzigd op 03/12/2005 15:16:00 door Dennis Mertens
<!--[if IE]><link rel="stylesheet" href="alernatief.css"/><![endif]-->
in aanvulling op Arjan's post: bezoek deze pagina eens.
Er zijn ook trucs in JavaScript om de pseudoclass :hover in Internet Explorer te laten werken, maar probeer eerst deze maar eens.