Menüverschiebung
Hallo,
... ich bins mal wieder mit meinem Projekt ... es geht um http://s333288266.online.de/knochobjekt/ Das Topmenü "verschiebt" es, wenn ich einen etwas längeren Menüpunktnamen im Menü konfiguriere. Im Menümodul gibt es nicht viel Einstellmöglichkeiten wie man eventuell eingreifen könnte ... Wenn ich sagen wir mal nur 3 Buchstaben pro Menüpunkt nehme, dann passt sich der Hintergrund des Menüs an den Menünamen (Länge) an und wenn die Menünamen zu lang werden, dann nicht mehr sauber.
Könnte daran liegen, dass als Menühintergrund in der Template.css (Zeile 526) eine Hintergrundgrafik mit der Breite von 87 pixeln eingegeben ist, dazu noch auf "no-repeat" gesetzt ist, d.h. nach 86px Menüpunktlänge kommt einfach kein hintergrund mehr, margin und padding hats auch nicht, also ganz großer Käse in der CSS.
Spontan (ohne jetzt mal tiefer ins CSS und HTML zu gucken) würde ich dir raten statt des Hintergrundbildes nur:
background-color: #000;
zu setzen, dazu ein padding von vielleicht 10px links und rechts, dann kann dein Menüpunkt auch Superkalifragelistischexpialengetik heißen und würde sich trotzdem entsprechend anpassen.
Das meine Beispiele die komplette Lösung sind, behaupte ich mal nicht, aber es liegt bestimmt an der Hintergrund-Grafik und dem fehlenden Padding, dass die Abstände dazwischen so chaotisch sind.
Geändert von AV2011 (23.02.2011 um 23:10 Uhr)
Kein Profi, kein Anfänger, aber ich lerne gern dazu.
Hi,
die Spur ist heiss ... ich habe jetzt mal einfach das Hintergrundbild des Menüs von 87px auf 120 px verbreiter. Jetzt passt sich alles automatisch an. Das schien mir ein "einfacherer" Weg. Jetzt habe ich allerdings das Problem, das sich das Untermenü nicht automatisch anpasst. Das ist jetzt immer 120 px breit :( Wo könnt ich den das im Code ändern? Muss sagen, das ich hier nicht so ganz fit binDein Tip hat mir aber bis jetzt schon mal sehr weitergeholfen! Hier mal der Codeauszug, viellciht hast ja noch n Tipp ...
/*-------------------------------------topmenu---*/
ul.menu-nav {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
zoom:0;
position:absolute;
z-index:5000;
top:0;
right:0px;
}
ul.menu-nav li {
display:block;
padding:0 0 0 0;
float:left;
margin:0 1px 0 0;
padding:0 0 0 0 !important;
position:relative;
background:url(../images/menu_bg.gif) no-repeat 0% 0%
}
ul.menu-nav li a {
border:none;
text-decoration:none !important;
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
display:block;
}
ul.menu-nav li a:hover, ul.menu-nav li.active a {
}
ul.menu-nav li a strong {
display:block;
color:#c5c5c5;
font-size:12px;
text-decoration:none;
float:left;
padding:8px 20px 11px;
position:relative;
font-weight:normal;
}
ul.menu-nav li a:hover strong, ul.menu-nav li.active a strong {
color:#b5ccde
}
/* ul.menu-nav li a:hover span, ul.menu-nav li a:hover span, ul.menu-nav li.active a, ul.menu-nav li.active a span, #current li a span{ color:#eb3f5b; text-decoration:none; font-weight:normal;}
-------------------hover-active----*/
eventuel gelöst
... wobei ich muss sagen, von der Logik her ... Ich habe ein Menüpunt in Erster Eben der sehr kurz ist z.B. "Wir" und als Untermenü einen langen Menüpunkt, z.B. "Unsere Produkte" dann MUSS ja der Untermenüpunkt breiter sein
Was noch ok wäre, wenn ALLE Menühintergrundgrafiken eben die 120px haben, dazu müsste ich eines Wissen:
Wo programmiere ich das die Hintergrundgrafik von 120 px nicht automatisch schäler wird bei einem kurzen Menünamen und wo zentriere ich den Menüpunktnamen?
Geändert von biberbau (24.02.2011 um 09:31 Uhr)
Guten Morgen,
Suche die tempate.css Zeile 526 auf
Das in Rot geschriebene ergänzen.Code:ul.menu-nav li { background: url("../images/menu_bg.gif") no-repeat scroll 0 0 transparent; display: block; float: left; margin: 0 1px 0 0; padding: 0 !important; position: relative; width: 120px; }
Somit hat jeder menüpunkt eine Breite von 120px.
Freundliche Grüße Michael
Der "Danke" Button sieht nicht nur schön aus, er ist auch zum anklicken da.
FAQ Joomla 1.5 | J! 1.5 Extensions | Template erstellen Tutorial
Hi,
supie hat funktioniert, und jetzt noch, wie ich die Erste Ebene und die Untermenübene beide linksbündig mache. Linksbündig sind Sie ja schon ... aber die Untermenübeschriftung ist "zu weit" links oder die menübeschriftung des Hauptmenüs ist "zu weit" rechts ... wie man es sieht. Hast mir da noch die codezile ?
Berechtigungen
LinkBack URL
About LinkBacks
Zitieren
Lesezeichen