holger_buns
Mitglied
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
Hier der CSS Teil für t_menu_upper
Gruss
Holger
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ä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