Hallo ihr Lieben
Ich habe ein kleines Problem bei meiner Navigation. Ich habe eine normale html-Navigation anhand eines Beispiels gemacht und das funktioniert soweit auch super und ohne Probleme.
Wenn jetzt unter Dialogpflege die drei Unterpunkte aufgehen, brauche ich für den mittleren Unterpunkt noch einen Punkt der bei Mousover dann daraus erscheint.
Kann mir jemand erklären wie ich das relaisieren kann?
Ich habe ein kleines Problem bei meiner Navigation. Ich habe eine normale html-Navigation anhand eines Beispiels gemacht und das funktioniert soweit auch super und ohne Probleme.
Code:
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:s="http://jboss.com/products/seam/taglib">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE"/>
<link type="text/css" rel="stylesheet" href="../style.css" />
<style type="text/css">
ul{list-style:none;position:relative;}
ul li {float:left}
ul li a{color:#333;text-decoration:none;width:100px;padding:6px;background:#ccc;display:block}
ul li a:hover{background:#999;}
ul li ul{display:none}
ul li :hover ul{display:block;position:absolute;margin:0 0 0 -0px;}
ul li :hover >a{background:#999;}
ul li ul li{float:none;}
</style>
<title>Dialogpflege</title>
</head>
<body onload="focusIn();">
<script type="text/javascript">
</script>
<h:form id="Menu" >
<table style="width:100%">
<tr>
<td >
</td>
<td><h4 style="line-height: 2">Menü </h4>
<ul id="navi1">
<li>
<div align="center"><h:commandLink value="Logout" action="#{identity.logout}" />
</div>
</li>
<li>
<div align="center"><h:commandLink value="Dialogpflege" action="#" />
<ul>
<li><h:commandLink value="Dialogpflege der Kunden" action="#" /></li>
<li><h:commandLink value="Dialognachbearbeitung Input-Pools" action="#" /></li>
<ul>
<li><h:commandLink value="Druckvorschau" action="#{identity.logout}" /></li>
</ul>
<li><h:commandButton value="Dialogpflege" action="#" style=" width : 100px;"/></li>
</ul>
</div>
</li>
</ul>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</body>
</html>Wenn jetzt unter Dialogpflege die drei Unterpunkte aufgehen, brauche ich für den mittleren Unterpunkt noch einen Punkt der bei Mousover dann daraus erscheint.
Kann mir jemand erklären wie ich das relaisieren kann?
