CSS menu je ted prehlednejsi

diff --git a/index.php b/index.php
index 4dd22d60ced6683311cebaf616afad8ab74a22c0..6508a4d227068122180061b0127497130542c212 100755 (executable)
--- a/index.php
+++ b/index.php
@@ -111,14 +111,18 @@ class Sklad_HTML extends HTML {
 <h1><a href="$script/">SystémSklad</a><small>$title</small></h1>
 
 <style type="text/css">
 <h1><a href="$script/">SystémSklad</a><small>$title</small></h1>
 
 <style type="text/css">

-.menu li, .menu * li {
+.menu li {

        float: left;
        float: left;

-       margin: 0.2em;
+       padding: 0.2em;
+}
+
+.menu * li {
+       float: none;

 }
 
 .menu * menu {
        position: absolute;
 }
 
 .menu * menu {
        position: absolute;

-       background-color: yellow;
+       padding: 0.2em;

 }
 
 .menu, .menu * menu {
 }
 
 .menu, .menu * menu {


@@ -126,22 +130,26 @@ class Sklad_HTML extends HTML {
 }
 
 .menu * menu {
 }
 
 .menu * menu {

+       border: 1px solid orange;

        display: none;
        margin: 0;
 }
 
        display: none;
        margin: 0;
 }
 

-.menu li:hover menu {
+.menu li:hover menu, .menu li:hover {

        display: block;
        display: block;

+       background-color: yellow;

 }
 }

+

 </style>
 
 <div>
        <menu class="menu">
                <li><a href="?logout">Logout</a></li>
                <li><a href="$script/">Home</a></li>
 </style>
 
 <div>
        <menu class="menu">
                <li><a href="?logout">Logout</a></li>
                <li><a href="$script/">Home</a></li>

-               <li><a href="#">Assistants</A>
+               <li><a href="#">Assistants</a>

                        <menu>
                                <li><a href="$script/assistant/store">store</a></li>
                        <menu>
                                <li><a href="$script/assistant/store">store</a></li>

+                               <li>&darr;&darr; BETA &darr;&darr;</li>

                                <li><a href="$script/assistant/new-item">new-item</a></li>
                        </menu>
                </li>
                                <li><a href="$script/assistant/new-item">new-item</a></li>
                        </menu>
                </li>