Problem mit Ausrichtung von Text und Grafik in einer Zeile

#1
Hallo, ich möchte in einem Menü zu einem Text-Link noch eine Grafik dahinter positionieren. Leider verschiebt er mir die Grafik aber in die nächste Zeile unterhalb des Textlinks. ich bekomme die Grafik nicht so positioniert, dass diese direkt rechts neben dem Text-Link erscheint. Die Grafik ist 15x15px groß. Wer kann mir helfen?

Es geht um die Grafik ...flagge_d.png

HTML:
<ulid="t_menu_upper">
<listyle="line-height:25px;"><aclass="active_upper"href="index_nl.html">Home</a> // <ahref="index.html">Deutsch <imgsrc="images/flagge_d.png"style="vertical-align:middle"alt="Flagge D"/></a> // <aclass="active_upper"href="index_nl.html">Nederlands</a> // <ahref="sites/datenschutzhinweis_nl.html">Datenschutzhinweis</a> // <ahref="sites/impressum_nl.html">Impressum</a></li>
<!--<li><a class="active_upper" href="index_nl.html">Deutsch</a> // <a href="#">Niederl&auml;ndisch</a></li>-->
</ul>
Hier der CSS Teil für t_menu_upper

CSS:
#t_menu_upper li {
margin-right:25px;
display:inline;
height:20px;
font-family:cabin, sans-serif;
font-size:12px;
color:#77131d;
}
#t_menu_upper li a,#t_menu_upper li a:link,#t_menu_upper li a:visited,#t_menu_upper li a:active,#t_menu_upper li a:hover,#t_menu_upper li.active_upper a,#t_menu_upper li.active_upper a:link,#t_menu_upper li.active_upper a:visited,#t_menu_upper li.active_upper a:active,#t_menu_upper li.active_upper a:hover {
display:inline-block;
height:20px;
line-height:20px;
font-family:cabin, sans-serif;
font-weight:400;
font-size:12px;
color:#77131d;
text-decoration:none;
text-transform:none;
padding:0;
}
#t_menu_upper li a:hover.active_upper {
text-decoration:none;
}
Gruss
Holger
 
#3
Hm, warum die leerzeilen fehlen weiss ich leider auch nicht. Ich habs einfach hier rein kopiert. Bei mir sind die Leerzeichen da.

Was meinst du damit das der Fehler nicht bei dir sichtbar ist. Wird bei dir direkt neben Deutsch eine Grafik angezeigt?
 

Neue Beiträge