Thema: Joomla Menü Break

Hallo, sitze gerade auf der Arbeit und erstelle ein Template fürn Kunden.

Kriege keinen break im Menü hin -.-
Wenn die Menütitel zu lang werden wird alles verschoben...
Weiß vielleicht jemand wie man einen Break macht ? So dass der Menüpunkt in zwei Zeilen aufgeteil wird ?

Danke

genau...sobald der unschließende tag eine bestimmte breite hat wird umgebrochen! es sei denn du setzt als leerzeichen   oder ein whitespace:no-wrap; !

PHP-Code:

.pill_m {
    text-align: center;
    margin: 1 auto;
    padding: 0;
    background: url(../images/menu.jpg) top center no-repeat;
    width: 868px;
    height: 30px;
}

#pillmenu {
    float: left;
    margin: 0;
}

#pillmenu ul {
    margin: 0;
    padding: 0 0 0 14px;
    list-style: none;
}

#pillmenu li {
    float: left;
    margin: 0;
    padding: 0;
    height: 30px;
}

#pillmenu li:hover {

}

#pillmenu li a#active_menu-nav {
    
}

#pillmenu li a {
    font-family: Tahoma, sans-serif;
    font-size: 13px;
    float: left;
    display: block;
    line-height: 28px;
    padding: 0 8px 0 8px;
    color: #177ca8;
    text-decoration: none;
    font-weight: bold;
}

#pillmenu li a:hover {
    color: #239bcf;
} 


So siehts bei mir aus

funzenuckelt nicht :(

wir aber bissl blöd ausschauen also nicht wundern...grund dafür ist, das die <a> bei dir eine line-height von 28px haben, d.h. die 2.zeile eines menüpunktes ist genausoweit weg wie der nächste menüpunkt...

lösen kannst du das wiederum, wenn du den betroffenen menüpunkt über seine item-id ansprichst und dessen line-height im nachhinein (evtl sogar mit !important) halbierst!

EDIT: Link zur Seite wär nicht schlecht!

und wenn mit dem <a> nicht funktioniert, setz mal den width-wert beim li, also hier rein:

Code:

#pillmenu li {
    float: left;
    margin: 0;
    padding: 0;
    height: 30px;
}

dankeeeeeeeeeeeeeeeeeeeee :-* hat geholfen !

ich hoffe du bist weiblich, wenn du mir nen kuss aufdrückst *lol*

aber bitte, gern geholfen