zwei nebenstehende Elemente sind unterschiedlich positioniert

[einzwei]

Hallo zusammen,
ich habe in einem DIV-Bereich ein CSS-Button und ein Image nebeneinander.
Beide Elemente sind gleich hoch: 20px, nun komischerweise werden sie unterschiedlich positioniert, der Button ist etwas tiefer ca. 2 mm.

<a href="INDEX.HTML" class="button">Zur Startseite</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="EN_SEITE.HTML"><img src="20_FL_EN.GIF" /></a>

Selbstverständlich hätte gern alles waagerecht gehabt...
Ist es möglich?????

Danke im Voraus.

einzwei

 

[Puccini]

du musst auch auf das Padding/Margin der Elemente achten.

Mir hat der Code hier sehr geholfen in der CSS ganz oben:

* {
 border:none;
 outline:none;
 padding:0;
 margin:0;
 text-decoration:none;
}

damit wir eine "einheitsformatierung" erzwungen. Somit hast du weniger Probleme mit unterschiedlichen Browsern, weil alle erstmla gezwungen werden ihre Grundeinstellungen zu überschreiben.

Versuch das mal.
Sonst:
hast du den Link als Display block? sonst hilft dir die height-angabe wenig. noch besser wäre display: inline-block um den lässtigen zeilenumbruch zu entgehen.