Vertikale Ausrichtung in Tabellenzeilen

[Jonathan Harker]

Hallo Gerd,

                 <button ype="submit">Nachricht senden</button><br />

Hier fehlt ein t bei type.

Dein Beispiel ist aber nicht responsiv, d.h auf Handys wird trotzdem alles nebeneinander angezeigt.

Ich würde dir etwas anderes vorschlagen:

<figure> 
	<img src="http://placekitten.com/75/75" alt="Mitglied xxxxx" >
	<figcaption>
    	<p><strong>xxxxxxxxx</strong><br>
            Vorstand
		</p>
		<form action="/phplib/nachricht.php" method="post">
			<button type="submit">Nachricht senden</button>
		</form>
	</figcaption>
</figure>  

Das figure-Element ist für Bilder und Bilderklärungen (figcaption) gemacht.

Normal (Standardeinstellung der Browser) ist die figcaption über oder unterhalb des Bilds - du kannst da aber mit CSS gestalten - z.B. so:

figure {
	border: 1px solid blue;
	display: table;
}

@media (min-width: 50em) {
figure > *  {
	width: 50%;
	display: table-cell;
}
}

Das ist nicht 3 Spalten nebeneinander, aber besseres HTML und responsiv.

Bis bald!

Jonathan