vertical-align:middle

[Pez]

Hallo.

Ich komme bei meiner CSS Datei nicht auf den Fehler, warum es mir vertical-align nicht annimmt.

body {
  margin:0; padding:0;
                 background-image: url(hintergrund.jpg)
    }

#menue { background-image: url(menue.gif);
 margin: 4em 0em 0em 0em;
         width: 50em;
         height: 3em;
         }

.menuetext {
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 color: #FFF;
 text-decoration: none;
         font-weight: bold;
         vertical-align: middle;
           }

Link: http://www.dorfgemeinschaft-kendl.org/aninmedia/index.html

[Gunnar Bittersmann]

@@Pez:

Ich komme bei meiner CSS Datei nicht auf den Fehler, warum es mir vertical-align nicht annimmt.

„'vertical-align' […] Angewendet auf: Elemente auf Inline-Ebene und 'table-cell'-Elemente“ [CSS2 §10.8.1]

Link: http://www.dorfgemeinschaft-kendl.org/aninmedia/index.html

Was meinst du, warum Forums-Hilfe, Formatierung von Postings über dem Eingabefeld verlinkt ist?

Live long and prosper,
Gunnar

[Pez]

Ok tut mir leid.

Und wie könnte ich das sonst machen? Mit einer Tabelle?

[MudGuard]

Hi,

Ich komme bei meiner CSS Datei nicht auf den Fehler, warum es mir vertical-align nicht annimmt.

Das könnte auch an den Verknotungen im HTML liegen:

<table align="center">
<tr>
<td>
<div id="menue" class="menuetext">
<table height="100%" width="100%">
<tr>
<td align="center" valign="middle">
Home | &Uuml;ber uns | Produkte | Referenzen | Tarife | Kontakt | Impressum</div>
</tr>
</td>
</table>
</td>
</tr>
 </table>

Da stimmt schon mal rein syntaktisch die Schachtelung nicht (div und table überschneiden sich)

Das ganze scheint ja ein Menü zu sein.

Also bietet es sich an, statt deines Codes

<ul id="menue">
  <li><a href="">Home</a></li>
  <li><a href="">Über uns</a></li>
  <li><a href="">...</a></li>
</ul>

zu benutzen. ul zentrieren (+ rot + Rahmen), die li zu inline-Elementen machen, die vertikale Zentrierung über die line-height (identisch mit Höhe der Navigation) zu machen. Die senkrechten Balken zwischen den Links per border-left (für's first-child: border-left:none)

cu,
Andreas

[Pez]

Hat sich erledigt danke.
Funktioniert.