Menü eintrag zu lang - Zeilenumbruch wie ?

[FSB311]

Hallo,
erstmal allen einen guten Rutsch ins neue Jahr.
Ich habe ein Menü das in einer Tabelle liegt. Das Menü ist so in eine Tabellenzelle gesetzt worden.<td class="menu"><?php
        if(SHOW_MENU){/* Wird angezeigt, wenn auch benötigt */
           show_menu();
           }
           ?>
           </td>
Geht ja eigendlich auch ganz gut. Die Tabelle hat eine Breite von 150px.
Nun haben wir hier einen Punkt der aus zwei Wörtern besteht und der ist länger wie 150 px, also bricht er zwar zwischen den Wörtern richtig um.Doch nun steht er halb auf dem nächsten Menüpunkt.
Ich könnte das Menü noch Breiter machen. Aber lieber wäre mir einen Menü-Eintrag über 2 Zeilen.
Nur wie bekomme ich das hin. Wo kann ich das verändern.

Danke für Tipps
../Thorsten

[BerndJM]

Hi,

das läßt sich sicher über's CSS deines Templates regeln.
Hilfreich wäre zu wissen, welches Template es ist - bzw. wenn es ein selbstgestricktes ist, den relevanten Abschnitt des CSS zu sehen.

Grüßle Bernd

[FSB311]

@BerndJM
 
Es ein selbstgestricktes
Hier die css-Datei für das Template.

body,td,th {         font-family: Verdana, Arial, Helvetica, sans-serif;         font-size: 12px;         color: #003366; } body {         background-color: #;FFFF99;         background-image: url(img/hell.jpg);         margin: 10px; } td.menu {           valign:top; } a:link, a:visited, a:active {         color: #003366;         text-decoration: none; } a:hover {         color:#FF00FF;         text-decoration:underline; } td.menu a.menu_default, td.menu_current {     display: block;     width: 100%;     height: 20px;     line-height: 20px;     margin-bottom: 3px;     font-size: 15px     text-decoration: underline;     background-color: #ffccff; vorher } td.menu a.menu_current, td.menu  a:hover {     font-weight: bold;     text-decoration: none; } td.menu a:hover {     background-color: #FFFFFF; }   td.kopf table td {     font-size: 27px;     text-indent: 10px; } td.menu li {       margin:0px;     padding:0px;     list-style:none; } td.menu ul {      margin:0px;      margin-left:7px;      padding:0px;      list-style:none; } .footer {     font-size:10px;     color:#003366;  }

(bin Anfänger)

Danke

Gruß Thorsten

[FSB311]

Ich habe es mit css zum Teil geschaft.

td.menu a.menu_default, td.menu_current {     display: block;     width: 100%;     height: 20px;     line-height: 20px;     margin-bottom: 3px;     font-size: 15px     text-decoration: underline;     background-color: #ffccff; }

Aber die bg-color ist mit display:inline immer nur bis zum Ende des Textes.
Siehe:
und die Background-color sollte so gleichmäßig wie mit der display:block anweißung ausehen:


Hat jemand ne Idee wie ich das umsetzen kann.
Danke

[FSB311]

@BerndJM
Habe es über die css-Datei lösen können.

td.menu a.menu_default, td.menu_current {
    display: block;
    width: 100%;
    height: 20px; ------ Hier war der Fehler. Habe die 20px gegen 100% ausgetauscht-------
    line-height: 20px;
    margin-bottom: 3px;
    font-size: 15px
    text-decoration: underline;
    background-color: #ffccff; vorher
}

Das wars. Danke
close