Mit dem vorangestellen uk- wäre es ein wenig einfacher gewesen, das richtige Icon zu finden, und man hätte sich bei jeder Klassse überflüssige Zeilen sparen können .
Aber bekanntlich führen ja viele Wege nach Rom .
Mit dem vorangestellen uk- wäre es ein wenig einfacher gewesen, das richtige Icon zu finden, und man hätte sich bei jeder Klassse überflüssige Zeilen sparen können .
Aber bekanntlich führen ja viele Wege nach Rom .
Anka, Christine,
vielen Dank für eure Hilfe und eure Geduld mit mir.
Außer der fehlenden Einrückung oder dem Abschneiden des Titels ist jetzt alles so, wie ich es mir vorgestellt
Muss jetzt ganz kurz weg, melde mich aber deswegen nochmal.
Muss jetzt ganz kurz weg, melde mich aber deswegen nochmal.
Wir warten gerne auf Dich
ZitatAußer der fehlenden Einrückung oder dem Abschneiden des Titels ist jetzt alles so, wie ich es mir vorgestellt
Spontan würde mir dazu nur einfallen: https://www.w3schools.com/cssref/pr_text_white-space.asp etc.
Das hier gefunden: Titel von Menüeinträgen 2 Zeilen
Ob obiges OK oder nicht, wird uns Anka sagen.
Liebe Grüße
Christine
Versuche es mal damit im default.php:
<ul class="uk-list tm-icons">
<?php foreach ($list as $item) : ?>
<li>
<i class="uk-icon-cat-id-<?php echo $item->catid; ?>"></i>
<a href="<?php echo $item->link; ?>" itemprop="url">
<span itemprop="name">
<?php echo $item->title; ?>
</span>
</a>
</li>
<?php endforeach; ?>
</ul>
Alles anzeigen
Und damit im CSS:
ul.uk-list.tm-icons li {
margin-left: 20px;
margin-bottom: 5px;
position: relative;
}
ul.uk-list.tm-icons [class*="uk-icon-"] {
left: -20px;
line-height: inherit;
position: absolute;
top: 0;
}
.uk-icon-cat-id-9:before {
content: "\f0a1";
}
...
...
Alles anzeigen
Wenn du dann immer noch den Titel kürzen willst, dann sage Bescheid, aber ich denke, das kann man sich mit dem Einrücken sparen .
Ok, danke euch. Ich werd's morgen ausprobieren und berichten. Jetzt ist erst mal Schluss für heute. Habe schon genz viereckige Augen.
SUPER, hat prima funktioniert. Vielen Dank nochmal!