:before und Link nicht umbrechen lassen

[Jeena Paradies]

Hallo ,

Ich wieder einmal mit meinem :before. Folgendes Problem habe ich:

CSS Datei:
a.mail:before {
 content: url(../img/mail.png);
}

HTML Datei:
<a class="mail" href="mailto:[e-mail]">[e-mail]</a>

Damit produziert mir der Mozilla, wenn es blöd kommt, einen Zeilenumbruch an der Stelle zwischen dem mail.png und dem Text [e-mail]

Wie kann ich das verhindern? Der Opera macht das erfreulicherweise nicht. Ich habe ja da auch gar kein Leerzeichen und auch keinen Bildestrich.

Grüße
Jeena Paradies

[Werner]

Hallo Jeena,

Vielleicht hilft ein   oder <nobr> <-- ist aber nicht standardkonform

HTH

Werner

[Jeena Paradies]

Hallo ,

Vielleicht hilft ein   oder <nobr> <-- ist aber nicht standardkonform

<nobr> werde ich nicht verwenden, und wohin soll ich denn ein   reintun?

Grüße
Jeena Paradies

[Maximilian Baumgart]

Weise dem :before einfach "display:inline" zu.

[Tim Tepaße]

Hallo,

Weise dem :before einfach "display:inline" zu.

Laut CSS-Standard sollte die generierte Box diese Eigenschaft schon haben,
nämlich vom a-Element geerbt, wenn dieses denn keine andere Eigenschaft
als inline hat.

Sollte Maximilians Tip keine Wirkung zeigen, würde ich mit margin und
padding rumexperimentieren.

Tim

[Jeena Paradies]

Hallo ,

Sollte Maximilians Tip keine Wirkung zeigen, würde ich mit margin und
padding rumexperimentieren.

Ne das war viel einfacher als ich gedacht habe:

a.mail {
  white-space: nowrap;
}

Trotzdem vielen Dank für euere Mühe.

Grüße
Jeena Paradies

[Jeena Paradies]

Hallo ,

Weise dem :before einfach "display:inline" zu.

Das bringt ja trotzdem nichts, da ja <a> schon ein inline Element ist.

Grüße
Jeena Paradies