Welcome, Guest
Username: Password: Remember me
Bitte posten sie hier in deutscher Sprache! Und vergessen sie nicht anzugeben, um welches Template und welche Joomla Version es sich bei ihrer Frage handelt.

TOPIC: Kein Zeilenumbruch zwischen Font Awesome und Text

Kein Zeilenumbruch zwischen Font Awesome und Text 3 weeks 1 hour ago #1

Hallo,

kann man einen Zeilenumbruch zwischen einem Font-Awesome Icon und nachfolgendem normalem Text verhindern?

Das funktioniert jedenfalls nicht:
<i class="uk-icon-angle-right"></i> Alpencross

siehe joomlatest2.crazy-to-bike.de/team/blogs/...s-st-anton-riva.html
The administrator has disabled public write access.

Kein Zeilenumbruch zwischen Font Awesome und Text 3 weeks 1 hour ago #2

Hallo,
dass sollte wie folgt funktionieren.
<p><i class="uk-icon-angle-right"></i> Alpencross</p>
Bitte den Joomla TIny Editor hierfür deaktivieren
The administrator has disabled public write access.

Kein Zeilenumbruch zwischen Font Awesome und Text 3 weeks 1 hour ago #3

Hallo,

das Problem ist, dass die ganze Zeile mit mehrern Links in einem <p> Tag steckt
<p style="text-align: justify;">Mehr Bilder der Tour gibt es im Foto-Bereich unter <a href="fotos-and-cartoons/bike-touren.html" rel="boxplus" title="zur Übersicht der Bike-Touren"><i class="uk-icon-angle-right"></i> Bike-Touren</a> | <a href="fotos-and-cartoons/bike-touren/mehrtagestouren-urlaub.html" rel="alternate" title="zum Bereich für Mehrtagestouren & Urlaub"><i class="uk-icon-angle-right"></i> Mehrtagestouren & Urlaub</a> | <a href="fotos-and-cartoons/bike-touren/mehrtagestouren-urlaub/2017.html" rel="alternate" title="zu den Mehrtages- und Urlaubstouren 2017"><i class="uk-icon-angle-right"></i> 2017</a> | <a href="fotos-and-cartoons/bike-touren/mehrtagestouren-urlaub/2017/alpencross-st-anton-riva.html" rel="alternate" title="zu den Fotos vom Alpencross 2017"><i class="uk-icon-angle-right"></i> Alpencross St. Anton - Riva</a>.</p>

Wenn ich jetzt immer um
<i class="uk-icon-angle-right"></i> Text
einen eigenen <p> Tag mache, dann habe ich lauter Zeilenumbnrüche zwischen den Links.
The administrator has disabled public write access.

Kein Zeilenumbruch zwischen Font Awesome und Text 3 weeks 1 hour ago #4

Dann muss das icon in den a href mit rein.
<a href="#">i class="uk-icon-angle-right"></i> Testlink</a>
The administrator has disabled public write access.

Kein Zeilenumbruch zwischen Font Awesome und Text 3 weeks 1 hour ago #5

Hallo,

ist es ja:
<a href="fotos-and-cartoons/bike-touren.html" rel="boxplus" title="zur Übersicht der Bike-Touren"><i class="uk-icon-angle-right"></i> Bike-Touren</a>
The administrator has disabled public write access.

Kein Zeilenumbruch zwischen Font Awesome und Text 3 weeks 1 hour ago #6

Geht doch!
Ich sehe da keinen Umbruch zwischen dem Icon und dem Link

The administrator has disabled public write access.

Kein Zeilenumbruch zwischen Font Awesome und Text 3 weeks 1 hour ago #7

Hallo,

wohl nur bei Ihrer Bildschirmgröße. Hier:
The administrator has disabled public write access.

Kein Zeilenumbruch zwischen Font Awesome und Text 3 weeks 1 hour ago #8

Das ist der Wortumbruch.
Den können sie auch nicht verhindern.
The administrator has disabled public write access.

Kein Zeilenumbruch zwischen Font Awesome und Text 3 weeks 1 hour ago #9

Hallo,

hm, schade. Sieht halt dann je nach Bildschirmauflösung nicht sooo toll aus.
The administrator has disabled public write access.
Moderators: joomlaplates