Wolfgang: Vertikale Zentrierung eines Bildes zwischen zwei Linien

Beitrag lesen

SELF-Forum

Vertikale Zentrierung eines Bildes zwischen zwei Linien

Wolfgang
– Informationen zu den Bewertungsregeln

Hallo,
ich hatte einen Button zwischen zwei Linien (<hr>) gesetzt und war überrascht wie unterschiedlich dies in den einzelnen Browsern aussah, richtig zentriert war es bei keinem.
Um der Sache näher zu kommen, habe ich versucht, ein Bild genau bündig zwischen die Linien zu bekommen.
Als letztes habe ich alles was mir einfiel an margin und padding auf 0 gesetzt. Trotzdem ist das Bild in keinem Browser genau bündig an den Trennlinien und darüber hinaus die unterschiedlichsten Abstände.
Wie kann ich erreichen, dass das Bild zumindest in den verbreitesten Browsern
zwischen den Linien zentriert ist?
Hier der letzte Quellcode:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">  
  <meta http-equiv="Content-Style-Type" content="text/css">  
  <meta http-equiv="Content-Script-Type" content="text/javascript">  
  <title>Test</title>  
</head>  
<body style="background-color:gray">  
<p>Test</p>  
<hr style="margin-bottom:0;padding-bottom:0;" >  
<form style="margin-top:0;padding-top:0;margin-bottom:0;padding-bottom:0;" action="http://www.example.test/cgi/index.pl"  method="post" >  
    <input type="image" src="/bilder/d.gif">  
</form>  
<hr style="margin-top:0;padding-top:0;" >  
</body>  
</html>

Die Seite kann angezeigt werden unter frei4dich.de.
Schönen Gruß
Wolfgang

Beitrag melden
–
Informationen zu den Bewertungsregeln