Zeilenumbruch zwischen Link-Icon und Link unterbinden

[digitalmarine 0]

Hallo,

ich will interne und externe Links durch ein Icon markieren - soweit so gut.

Leider kommt es, je nach Auflösung, zu einem Zeilenumbruch zwischen dem Icon und dem Link-Text. Habe schon versucht, die Geschichte über "display:inline" zu steuern, will er aber nicht.

Jemand eine Idee?

 

#content a[target='_self']:before {
content: url(../images/link_int.gif);
display: inline;
}

--

Gruß

Markus

[dec 0]

a.gna:link, a.gna:visited, a.gna:active, a.gna:hover {
	background: url('../images/link_int.gif');
background-repeat: no-repeat;
	background-position: left;
padding-left: 10px;
}

 

was ist damit?

[digitalmarine 0]

Das ist gut!

Dadurch kann sogar dieses M$ Produkt das Icon anzeigen

Danke für Deine Hilfe.

--

Gruß

Markus