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.
sry dat ik het zeg hoor maar die doet het ook niet in IE bij mijn site in iedergeval bij jouw werkt ie wel gewoon
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????)
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.
weet iemand dan wel hoe je een code kunt maken zodat als je in ie komt dat ie dan een andere css gebruikt dan als je bijvoorbeeld in ff de site bezoekt???
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.