Hallo zusammen,
ich habe das Problem, dass mein Menue wenn es oben auf der Topmenue Position platziert ist die Menuepunkte untereinander und nicht nebeneinander.
Was mache ich falsch????
Danke schon einmal im Voraus.
Gruß Kai
Hallo zusammen,
ich habe das Problem, dass mein Menue wenn es oben auf der Topmenue Position platziert ist die Menuepunkte untereinander und nicht nebeneinander.
Was mache ich falsch????
Danke schon einmal im Voraus.
Gruß Kai
Geändert von SilverSurferOWL (22.02.2012 um 06:52 Uhr)
Zuallererst fehlt in deinem Satz ein Verb
Grundsätzlich musst du die Menüpunkte floaten (-> Google). Wenn du genauere Hilfe brauchst, geht das ohne einen Link zu deiner Seite nicht.
Konnte ich helfen? "Danke" klicken kostet nichts und tut nicht weh.
Problem gelöst? Ersten Post bearbeiten - Erweitert - Präfix: "Gelöst" - Danke!
allergisch gegen grausame Rechtschreibung
Stimmt, den Link hatte ich neben dem Verb vergessen......
http://www.kama-systeme.de/joomla
dein erstelltes menü wird in einer unorderd list dargestellt - <ul> in dieser befinden sich listen elemente <li>
diese listen elemente gehören gefloatet ...müsste in deiner css datei zeile 88 sein
du trägst einfach folgendes nach: float:left;
Da ich wenig bis gar keine Ahnung von css habe hier mal der Eintrag in der Template.css
Da steht ja schon was mit float:left; aber irgendwie reicht das noch nicht.
/* TOP-MENU */
ul.menu_top {
list-style:none;
margin:0;
padding:0;
}
ul.menu_top li { float:left; border-left:1px solid #ddd; background:#fff; }
ul.menu_top li a { text-decoration:none; color:#666; font-weight:bold; display:block; padding:0.5em 1em;}
ul.menu_top li a:hover {color:#336;}
ul.menu_top li ul { display:none; list-style:none; padding:0; margin:0; position:absolute; margin-left:-1px; margin-top:1px;}
ul.menu_top li ul li { float:none; width:180px;}
ul.menu_top li ul li:hover { background:#f6f6f6;}
ul.menu_top li ul li ul { left:180px; top:0; margin-top:0; min-height:210px;}
ul.menu_top > li.parent {
background:url(../images/menu_bullet_parent_first.png) no-repeat right #fff; margin-right:8px;
color:#336;
}
ul.menu_top > li.parent > a {
color:#336;
}
ul.menu_top ul li.parent {
background:url(../images/menu_bullet_parent.png) no-repeat 170px #fff;
}
ul.menu_top ul li.parent:hover {
background:url(../images/menu_bullet_parent.png) no-repeat 170px #f6f6f6;
}
Eigentlich müsste es reichen, wenn du dem Menümodul den Menüklassensuffix "_top" mitgibst (ohne Anführungszeichen). Im CSS ist es ja schon so definiert:
Code:ul.menu_top li { float:left; border-left:1px solid #ddd; background:#fff; }
Häufige Fragen und Antworten zu Joomla: Joomla FAQ - Kleines Helferlein: Firebug
Joomla braucht dich!
Kein Support per PN
Ich hatte deinem Post nicht so richtig Beachtung geschenkt, sondern nur firebug angeworfen
Das was Anka schreibt, dürfte die bessere Lösung sein. Weil damit das Menü noch mehr Formatierungen erhält, auch bei mouse hover.
Dann markiere das Thema doch bitte noch kurz als gelöst, wie z.B. in meiner Signatur beschrieben. Danke!
Konnte ich helfen? "Danke" klicken kostet nichts und tut nicht weh.
Problem gelöst? Ersten Post bearbeiten - Erweitert - Präfix: "Gelöst" - Danke!
allergisch gegen grausame Rechtschreibung
Lesezeichen