From ab12ee09c32ae03eaf902876b09dbfb296da62fc Mon Sep 17 00:00:00 2001
From: Holger Lindemann <hli@lx-system.de>
Date: Tue, 14 Jul 2009 07:26:51 +0200
Subject: [PATCH] =?utf8?q?Durch=20feste=20Breite=20und=20viele=20Eintr?=
 =?utf8?q?=C3=A4ge=20bricht=20das=20Men=C3=BC=20um.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

Sieht scheusslich aus. Auch sind die Untermenüs oft schlecht zu treffen.

Feste Breite entfernt, dafür seitliches Padding erhöht
Untermenüs überlappen das Hauptmenü.
---
 bin/mozilla/menuv3.pl |   4 +
 css/menuv3.css        | 270 ++++++++++++++++++++++--------------------
 2 files changed, 143 insertions(+), 131 deletions(-)

diff --git a/bin/mozilla/menuv3.pl b/bin/mozilla/menuv3.pl
index c2fef5df4..a2b266908 100644
--- a/bin/mozilla/menuv3.pl
+++ b/bin/mozilla/menuv3.pl
@@ -116,7 +116,11 @@ sub print_menu {
         $html .= qq|<li><div class="x">${menu_text}</div><ul>${h}</ul></li>\n|;
       }
     } else {
+      if ($depth>1) {
+      $html .= qq|<li class='sub'>|;
+      } else {
       $html .= qq|<li>|;
+      }
       $html .= $menu->menuitem_v3(\%myconfig, $form, "${parent}$item",
                                   { "title" => $menu_title,
                                     "target" => $target });
diff --git a/css/menuv3.css b/css/menuv3.css
index 5e5a93f5b..4068de338 100644
--- a/css/menuv3.css
+++ b/css/menuv3.css
@@ -1,131 +1,139 @@
-body {
-behavior:url("css/csshover.htc");
-}
-
-#menu {
-width:99.8%;
-float:left;
-background:url(../image/bg_css_menu.png) repeat bottom;
-border:1px solid;
-border-color:#ccc #888 #555 #bbb;
-}
-
-#menu a, #menu h2, #menu div.x {
-font:11px/16px arial,helvetica,sans-serif;
-display:block;
-border:0;
-border-right:1px;
-border-style:solid;
-border-color:#ccc #888 #555 #bbb;
-white-space:nowrap;
-margin:0;
-padding:1px 0 1px 3px;
-}
-
-#menu h2 {
-color:#fff;
-padding:0 5px;
-}
-
-#menu a, #menu a:visited, #menu div.x, #menu div.x:visited {
-color:#000;
-text-decoration:none;
-padding-right:10px;
-}
-
-#menu a {
-background:#eee;
-}
-
-#menu div.x, #menu div.x:visited {
-background:#eee url(../image/right.gif) no-repeat right;
-}
-
-#menu a:hover, #menu div.x:hover {
-color:#a00;
-background-color:#ddd;
-}
-
-#menu a:active, #menu div.x:active {
-color:#060;
-background-color:#ccc;
-}
-
-#menu ul {
-list-style:none;
-margin:0;
-padding:0;
-float:left;
-min-width:7em;
-}
-
-#menu li {
-position:relative;
-float:none;
-border:0;
-}
-
-/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far 
- * correction: the bug will change the height of the parent element! this will also cause the whole menu to grow 
- * so the only method to get this pile of crap going is to add a bottom border to the <li>s, where the enclosing <ul> already has
- * a bottom border, which just looks ugly
- * the trick: color the bottom border with the same color as the bottom pixel of the background image - noone notices */
-#menu ul li {
-border:solid;
-border-color:#ccd5e5;
-border-width:0 0 1px 0;
-}
-
-#menu ul ul li {
-border:solid;
-border-width:0 0 1px 0;
-}
-
-/* IE6 event bug fix, without a background there hovers will be occassionally lost between the li's to the layer below 
- * causing the menu to close. Opera 9 has the same bug btw. */
-#menu ul ul {
-position:absolute;
-z-index:500;
-top:auto;
-display:none;
-background:#000;
-}
-
-#menu ul ul ul {
-top:0;
-left:100%;
-background:#000;
-}
-
-/* Begin non-anchor hover selectors */
-
-/* Enter the more specific element (div) selector
-on non-anchor hovers for IE5.x to comply with the
-older version of csshover.htc - V1.21.041022. It
-improves IE's performance speed to use the older
-file and this method */
-
-div#menu h2:hover {
-background:#A3C5FF;
-color:#a00;
-}
-
-div#menu li:hover {
-cursor:pointer;
-z-index:100;
-}
-
-div#menu li:hover ul ul,
-div#menu li li:hover ul ul,
-div#menu li li li:hover ul ul,
-div#menu li li li li:hover ul ul
-{display:none;}
-
-div#menu li:hover ul,
-div#menu li li:hover ul,
-div#menu li li li:hover ul,
-div#menu li li li li:hover ul
-{display:block;}
-
-/* End of non-anchor hover selectors */
-
+body {
+behavior:url("css/csshover.htc");
+}
+
+#menu {
+width:99.8%;
+float:left;
+background:url(../image/bg_css_menu.png) repeat bottom;
+border:1px solid;
+border-color:#ccc #888 #555 #bbb;
+}
+
+#menu a, #menu h2, #menu div.x {
+font:11px/16px arial,helvetica,sans-serif;
+display:block;
+border:0;
+border-right:1px;
+border-style:solid;
+border-color:#ccc #888 #555 #bbb;
+white-space:nowrap;
+margin:0;
+padding:1px 0 1px 3px;
+}
+
+#menu h2:before {
+    content:" ";
+}
+#menu h2:after {
+    content:" "; 
+}
+#menu h2 {
+color:#fff;
+padding:2 15px
+}
+
+#menu a, #menu a:visited, #menu div.x, #menu div.x:visited {
+color:#000;
+text-decoration:none;
+padding-right:10px;
+}
+
+#menu a {
+background:#eee;
+}
+#menu div.x, #menu div.x:visited {
+background:#eee url(../image/right.gif) no-repeat right;
+}
+
+#menu a:hover, #menu div.x:hover {
+color:#a00;
+background-color:#ddd;
+}
+
+#menu a:active, #menu div.x:active {
+color:#060;
+background-color:#ccc;
+}
+
+#menu ul {
+list-style:none;
+margin:0;
+padding:0;
+float:left;
+}
+
+#menu li {
+position:relative;
+float:none;
+border:0;
+}
+
+li.sub {
+position:relativ;
+left:-25px;
+top:-3px;
+}
+
+/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far 
+ * correction: the bug will change the height of the parent element! this will also cause the whole menu to grow 
+ * so the only method to get this pile of crap going is to add a bottom border to the <li>s, where the enclosing <ul> already has
+ * a bottom border, which just looks ugly
+ * the trick: color the bottom border with the same color as the bottom pixel of the background image - noone notices */
+#menu ul li {
+border:solid;
+border-color:#ccd5e5;
+border-width:0 0 1px 0;
+}
+
+#menu ul ul li {
+border:solid;
+border-width:0 0 1px 0;
+}
+
+/* IE6 event bug fix, without a background there hovers will be occassionally lost between the li's to the layer below 
+ * causing the menu to close. Opera 9 has the same bug btw. */
+#menu ul ul {
+position:absolute;
+z-index:500;
+top:auto;
+display:none;
+}
+
+#menu ul ul ul {
+top:0;
+left:100%;
+}
+
+/* Begin non-anchor hover selectors */
+
+/* Enter the more specific element (div) selector
+on non-anchor hovers for IE5.x to comply with the
+older version of csshover.htc - V1.21.041022. It
+improves IE's performance speed to use the older
+file and this method */
+
+div#menu h2:hover {
+background:#A3C5FF;
+color:#a00;
+}
+
+div#menu li:hover {
+cursor:pointer;
+z-index:100;
+}
+
+div#menu li:hover ul ul,
+div#menu li li:hover ul ul,
+div#menu li li li:hover ul ul,
+div#menu li li li li:hover ul ul
+{display:none;}
+
+div#menu li:hover ul,
+div#menu li li:hover ul,
+div#menu li li li:hover ul,
+div#menu li li li li:hover ul
+{display:block; position:relativ: left:10px;}
+
+/* End of non-anchor hover selectors */
+
-- 
2.20.1