nicht angemeldet
Grafik und Text nicht trennen
Hallo,
ich habe einen kleinen Pfeil vor jedem Link. Wie kann ich nun verhindern, daß der Pfeil und der zugehörige Link mittels Zeilenumbruch getrennt werden. Zwischen zwei Buchstaben funktioniert dies mit " ", zwischen Grafik und Text aber nicht. Gibt es da eine andere Lösung?
Gruß Reinhold
-
Hi,
ich habe einen kleinen Pfeil vor jedem Link.
das hast Du ganz sicher mit einem background-image und padding gemacht, wie es sich gehört ...
Wie kann ich nun verhindern, daß der Pfeil und der zugehörige Link mittels Zeilenumbruch getrennt werden.
... obwohl, dann würde dieses Problem nicht auftreten.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
das hast Du ganz sicher mit einem background-image und padding gemacht, wie es sich gehört ...
Kannst Du da bitte etwas genauer werden, das sagt mir beides nichts.
Wieso "background"-image?
Was genau meinst Du mit padding?Gruß Reinhold
-
Hallo Reinhold,
das hast Du ganz sicher mit einem background-image und padding gemacht, wie es sich gehört ...
Kannst Du da bitte etwas genauer werden, das sagt mir beides nichts.
Wieso "background"-image?
Was genau meinst Du mit padding?Er meint: Du sollst diese Bilder nicht mit HTML "einfügen", sondern mit CSS. Dies, weil sie kein eigentlicher Inhalt sind, sondern nur eine "Formatierung" der Links darstellen.
Du musst also deine A-Tags mit Hilfe von CSS formatieren. Dabei helfen dir http://de.selfhtml.org/css/eigenschaften/innenabstand.htm#padding_left und http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_image.
Gruss,
Daniel-
Hallo Daniel,
funktioniert tatsächlich :-). Ich bin echt von den Socken was da mit CSS zu realisieren ist. Allein vom Lesen der Beschreibungen der von Dir genannten Links wäre ich niemals darauf gekommen diese in dieser Art zu kombinieren. Wahnsinn!!
-
-
-
-
Tach, Reinhold.
Mir ist auch etwas rätselhaft, warum bei dir nach Bildern anscheinend ein Zeilenumbruch folgt, da Bilder in HTML zu den Inline-Elementen zählen. Du kannst aber mal versuchen, mittels CSS das Bild direkt als inline zu formatieren, also <img src="pic" style="display:inline"> und zu schauen, was passiert.
-
<img src="images/link.gif" style="display:inline"> <a href="v_agb.htm">AGB</a>
Wird (leider) nach wie vor umgebrochen.
Gibt es vielleicht die Möglichkeit eine Soll-Trennstelle einzufügen, an der dann bevorzugt umbrochen wird, zum Beispiel vor der Grafik.
Gruß Reinhold
-