+ Antworten
Ergebnis 1 bis 10 von 10

Thema: Menuedarstellung im Template EASY

  1. #1
    Neu an Board
    Registriert seit
    17.01.2007
    Beiträge
    11
    Bedankte sich
    4
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Menuedarstellung im Template EASY

    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)

  2. #2
    Wohnt hier Avatar von Harmageddon
    Registriert seit
    04.03.2010
    Ort
    Heilbronn
    Beiträge
    2.126
    Bedankte sich
    138
    Erhielt 616 Danksagungen
    in 605 Beiträgen

    Standard

    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

  3. Erhielt Danksagungen von:


  4. #3
    Neu an Board
    Registriert seit
    17.01.2007
    Beiträge
    11
    Bedankte sich
    4
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Stimmt, den Link hatte ich neben dem Verb vergessen......

    http://www.kama-systeme.de/joomla

  5. #4
    Neu an Board
    Registriert seit
    03.01.2012
    Beiträge
    39
    Bedankte sich
    13
    Erhielt 2 Danksagungen
    in 2 Beiträgen

    Standard

    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;

  6. Erhielt Danksagungen von:


  7. #5
    Neu an Board
    Registriert seit
    17.01.2007
    Beiträge
    11
    Bedankte sich
    4
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    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;
    }

  8. #6
    Wohnt hier Avatar von Lintzy
    Registriert seit
    17.06.2007
    Ort
    Wuppertal
    Beiträge
    3.310
    Bedankte sich
    300
    Erhielt 1.284 Danksagungen
    in 810 Beiträgen

    Standard

    Hi, das ist die Zauberformel:

    div#topmenu ul.menu li {
    float: left;
    }

    Hol dir Feedback für deine Website / dein Design! -> Klick
    Mit diversen Bewertungsboxen, Feedback-Kommentaren, egal welches CMS - völlig unkompliziert und kostenlos

    Klick <- Gib Feedback für andere Webdesigns / andere Designs!



  9. Erhielt Danksagungen von:


  10. #7
    --- Avatar von anka
    Registriert seit
    01.05.2008
    Ort
    Basel
    Beiträge
    9.077
    Bedankte sich
    342
    Erhielt 3.298 Danksagungen
    in 3.084 Beiträgen

    Standard

    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


  11. Erhielt Danksagungen von:


  12. #8
    Wohnt hier Avatar von Lintzy
    Registriert seit
    17.06.2007
    Ort
    Wuppertal
    Beiträge
    3.310
    Bedankte sich
    300
    Erhielt 1.284 Danksagungen
    in 810 Beiträgen

    Standard

    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.

    Hol dir Feedback für deine Website / dein Design! -> Klick
    Mit diversen Bewertungsboxen, Feedback-Kommentaren, egal welches CMS - völlig unkompliziert und kostenlos

    Klick <- Gib Feedback für andere Webdesigns / andere Designs!



  13. #9
    Neu an Board
    Registriert seit
    17.01.2007
    Beiträge
    11
    Bedankte sich
    4
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Zitat Zitat von anka Beitrag anzeigen
    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; }
    Das war es.

    Vielen Dank für die Hilfe.

  14. #10
    Wohnt hier Avatar von Harmageddon
    Registriert seit
    04.03.2010
    Ort
    Heilbronn
    Beiträge
    2.126
    Bedankte sich
    138
    Erhielt 616 Danksagungen
    in 605 Beiträgen

    Standard

    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

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein