Zum Inhalt springen

Image vor Link Problem

Erstellt am 12. Oktober 2005 · 5 Antworten · letzte Antwort am 13. Oktober 2005

Tags: Frage

prosbaer ·

Hi Forum,

wahrscheinlich steht's irgendwie im Forum, aber ich finde es nicht.

Ich habe folgendes TypoScript

# Leftside Navigation
subparts.SIDENAV = HMENU
subparts.SIDENAV.entryLevel=1
subparts.SIDENAV.1 = TMENU
subparts.SIDENAV.1 {
NO.allWrap = <li><img src="fileadmin/img/blaulinks.gif" alt="" /> | </li>
ACT=1
ACT.allWrap = <li><img src="fileadmin/img/gruenunten.gif" alt="" /> | </li>
}

# Left-Side Navigation, Second Level
subparts.SIDENAV.2 = TMENU
subparts.SIDENAV.2 {
NO.allWrap = <li><img src="fileadmin/img/gruenlinks.gif" display="inline" alt="" />|</li>
ACT=1
ACT.allWrap = <li> | </li>
}

Das läuft auch wie ich will, nur das das Image und Links nicht in einer Zeile stehen, sondern so, als ob nach dem Image ein BR-Tag stehen würde. Das steht aber keins. Wie krieg ich Image und Link in eine Zeile? Die extension css_styled_content ist installiert.

mfg

prosbär

prosbaer ·

Hallo,

anscheinend weißt die ext css_styled_content dem img-Tag 'display: block' zu, deswegen dieser Zeilenumbruch.

Kann ich das irgendwie umgehen?

mfg

prosbär

fuss ·

Olla!

Du hast oben in Zeile 14 display="inline"
das muesste korrekt style="display: inline;" heissen.

und genau in dieser Zeile steckt auch ein moeglicher Loesungsansatz.
wenn "anscheinend weißt die ext css_styled_content dem img-Tag 'display: block' zu", dann pack in das image tag doch einfach eine class rein, die du dann nach herzenslust formatierst, dann sollte es rocken.
z.B. class="navleftimg" und dann

.navleftimg {
  float: left;
}

gruss, fuss

prosbaer ·

Hi Forum,

vielen Dank für die vielen Antworten, eine etwas umfangreichere Recherche im Forum hat folgendes zutage gefördert:

#14313

der Beitrag von ffranke brachte die Lösung.

mfg

prosbaer