Problem mit Ausrichtung von Text und Grafik in einer Zeile

[Gast] Foren Web allgemein HTML und CSS / Stylesheets Problem mit Ausrichtung von Text und Grafik in einer Zeile

Web allgemein

Themen

Beiträge

Moderatoren

Letzter Beitrag

HTML und CSS / Stylesheets

1193

6413

FSt

19. Dez 2022, 21:28

Vitus

holger_buns

Beiträge gesamt: 376

17. Apr 2015, 10:10
Beitrag # 1 von 2
Bewertung:
(1993 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

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. Wer kann mir helfen?

Es geht um die Grafik ...flagge_d.png

Code

<ul id="t_menu_upper"> 
                	<li style="line-height:25px;"><a class="active_upper" href="index_nl.html">Home</a> // <a href="index.html">Deutsch <img src="images/flagge_d.png" style="vertical-align:middle" alt="Flagge D" /></a> // <a class="active_upper" href="index_nl.html">Nederlands</a> // <a href="sites/datenschutzhinweis_nl.html">Datenschutzhinweis</a> // <a href="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 Code zu <ul>

Code

#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; 
}