Matthias Apsel: Hor./vert. Zentrieren u.a. eines Bildes ohne Tabellen

Beitrag lesen

Om nah hoo pez nyeetz, obiwan1973!

Wie mache ich das?

ohne inline-style-Angaben. Schreibe alle CSS-Deklarationen in eine CSS-Ressource.

<form id="form_login" name="form_login" onSubmit="return false">

Es ist sicher nur zu Testzwecken so? Oder warum ein Formular, wenn du nichts übermitteln möchtest?

<div style="min-height: 10em; display: table-cell; vertical-align: middle">

Dafür müsste das Elternelement display: table haben. Da das div-Element nur den Absatz als Kind hat, ist eins von beiden überflüssig.

<a href="javascript: funct_test()">

Bestimmt ist es besser, wenn das img-Element einen onclick-Handler bekommt(, der später auch noch verschwinden kann).

<img src="images/start.png" width="200px">

</a>

<br>

Abstände mit CSS

<input type="hidden" style="width: 155px" value="">

unsichtbare Felder können ganz am Anfang des Formulars stehen.

</p>

</div>

</form>

<form id="form_login" name="form_login" ...>  
  <input type="hidden" name="..." value="">  
  <img src="..." onclick="funct_test()">  
</form>

wäre mein HTML für html4.01-transitional. Wenn du die strict-Variante bevorzugst, musst du die inline-Elemente noch in ein Block-Element packen.

<form id="form_login" name="form_login" ...>  
  <p> <!-- oder fieldset -->  
    <input type="hidden" name="..." value="">  
    <img src="..." onclick="funct_test()">  
  </p>  
</form>

Zu deiner eigentlichen Frage: http://wiki.selfhtml.org/wiki/FAQ/zentrierte_Inhalte

Matthias

--
1/z ist kein Blatt Papier.