✔ Probleme mit "vertical-align"

[X-Color]

Hi,
folgendes Problem habe ich derzeit:
Die eigenschaften meiner Tabellen sind alle vorab im Header mittels CSS definiert, jedoch kann ich den text in einer Tabelle mit Hilfe von "vertical-align" nicht ausrichten...das ganze sieht so bei mir aus:

CSS

h1         { text-align:center ; font-size:12px; font-weight:bold }
.tdl2      { background-image:url(img/menul_02.jpg); height:50; vertical-align:middle }

HTML

  <tr>
   <td class="tdl2"><h1>test</h1></td>
  </tr>

...Wie man sieht hat die Zeile eine Höhe von 50px. Jedoch ist der Text egal wo ich den befehl "Vertical-align:middle" setze, immer am oberen Rand.
So...was mache ich nun falsch?

Gruß Seth

 

[Maik]

Dir ist da ein Schreibfehler in einem der beiden Klassen-Namen unterlaufen.

Im CSS-Code heißt die Klasse ".tdl2" (= kleines L) und im class-Attribut rufst du die Klasse "td12" auf.

Zudem fehlt der Überschrift noch ein auf null gesetzter Außenabstand, und zum Wert der height-Eigenschaft, der größer null ist, eine Einheit, wie z.B. px:

h1 { 
text-align:center; 
font-size:12px; 
font-weight:bold; 
margin:0; 
}

/* .TD-ZWÖLF */
.td12 { 
background-image:url(img/menul_02.jpg); 
height:50px; 
vertical-align:middle;
}