<tr valign="middle"> funktioniert nicht

Hallo,

ich möchte in meinem Textmenü, das innerhalb einer Layer-Box eine kleine Tabelle darstellt, gerne den Text vertikalzentriert ausrichten.

         ACT {
               allWrap = <tr valign="middle"><td class="navimenu_active" height="20">|</td></tr>
                              <tr><td bgcolor="#F5F5F5" height="1"><img src="fileadmin/img/clear.gif" alt="" /></td></tr>
               ATagParams=class="menu_active"
               beforeImg = fileadmin/img/dreieck_down.gif
         }

Dazu schreibe ich in das TR-Tag die Option "valign="middle"" hinein. Etwas was im reinen HTML-Code sich prima realisiert.

Im HTML-Code steht das dann auch richtig drin:

<div id="menue">
<table width="150" cellspacing="2" border="0" cellpadding="0">
<tr valign="middle"><td class="navimenu_active" height="20"><img src="fileadmin/img/dreieck_down.gif" width="20" height="19" border="0" alt="" /><a href="linux.html" onfocus="blurLink(this);" class="menu_active">Das ist Linux</a></td></tr><tr valign="middle"><td class="navimenu" height="20"><img src="fileadmin/img/square.gif" width="20" height="19" border="0" alt="" /><a href="typo3.html" onfocus="blurLink(this);" class="menu">TYPO3</a></td></tr><tr valign="middle"><td class="navimenu" height="20"><img src="fileadmin/img/square.gif" width="20" height="19" border="0" alt="" /><a href="netzwerke.html" onfocus="blurLink(this);" class="menu">Netzwerke</a></td></tr><tr valign="middle"><td class="navimenu" height="20"><img src="fileadmin/img/square.gif" width="20" height="19" border="0" alt="" /><a href="tutorials.html" onfocus="blurLink(this);" class="menu">Tutorials</a></td></tr>

</table>

Nur der Text wird nach wie vor nicht mittig ausgerichtet.

Hat jemand eine Ahnung, ob das was mit TS zu tun haben könnte?

Grüsse
Imagine

Hi,

ich gestalte meine Text - Menü's so:

        marks.MENU1 = HMENU
        marks.MENU1.special = list
        marks.MENU1.special.value = 208,216,283,209,218
        marks.MENU1.1 = TMENU
        marks.MENU1.1 {
                  wrap =  |
                  NO {
                          ATagParams = class ="navi"
                          beforeImg =  fileadmin/user_upload/_temp_/slash_1F.gif |*|
                          beforeImgTagParams = align="middle"
                          afterImg = |*| |*|  fileadmin/user_upload/_temp_/slash_1F.gif
                          afterImgTagParams = align="middle"
                        }

                   ACT < .NO
                   ACT.ATagParams = class ="navi-active"
                   ACT = 1

                   }

die Klasse "navi" in meiner CSS - Datei:

.navi
{
padding: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #6F6F6F;
vertical-align:middle;
}

Über vertical-align kannst Du Deinen Text zentrieren.

Grüße, kaktus

Hallo Kaktus,

vielen Dank für Deinen Hinweis mit "vertical-align:middle;" in der css-Datei. Das und der direkte Eintrag im Html-Tag als <td valign="middle"></td> das bringt beides nicht das gewünschte Resultat.
Wie ich schon sagte, als reine HTML-Datei ohne TYPO3 dazwischengeschaltet, da funktioniert die vertikale Ausrichtung. So aber nicht. Und das lässt mich ratlos werden.

Grüsse
Imagine

Ach!

Jetzt scheine ich den Übeltäter geoutet zu haben! Wenn ich

beforeImg = fileadmin/img/dreieck_down.gif

rausnehme, dann setzt er es mittig in der Vertikale. Mit dem beforeImg ignoriert er es. Vielleicht muss ich die Gif-Dateien irgendwie modifizieren.

Grüsse

Imagine

versuchs doch mal damit:

beforeImgTagParams = align="middle"

Wozu brauchst Du den Tabellenkram für Dein Menü? So wie oben beschrieben, funktioniert es bestens, bei mir jedenfalls.

Grüße, kaktus

Das funktioniert ja inzwischen auch, habe ich doch oben gepostet. Da hat allenfalls etwas in der GIF-Datei gestört, diese habe ich entsprechend verändert und jetzt geht es ja wieder.