Anordnung von Icons im Layout

[bluepix]

Hallo,

habe 2 Extensions installiert: sr_language_menu und pdf_generator2. Dazu wurden im HTML-Template Marker eingebunden, für die dann entsprechende Icons (Bilder) angezeigt werden.

Mein Problem: Die Bilder "kleben" einfach aneinander, das soll so nicht sein. Ein schöner Abstand wäre wünschenswert. Um vertändlich zu machen, wie ich es mir vorstelle, habe ich ein Bild unten beigefügt.

Kann Jemand mir behilflich sein?

[charly21]

Hi,

du musst einen Dib um den Link pdf wrappen. Schau mal in der Doku der extension pdf_generator2.

Dann kannst du die css klasse tx-srlanguagemenu-pi1 verändern.

Versuchs doch einfach mal mit:

.tx-srlanguagemenu-pi1 {
float: right;
align: right;
}

und in der css klasse die du dem div der pdf-generator zuweist dann

.pdf-generator2 {
float: left;
align: left;
}

LG
Charly

[bluepix]

Hallo Charly,

habe probiert, ins TS Folgendes zu schreiben um die Klassen zuzuweisen:

plugin.tx_srlanguagemenu_pi1.flag.CUR.stdWrap = <div class="tx_srlanguagemenu_pi1"> | </div>

pdf_generator2.CUR.stdWrap = <div class="pdf_generator2"> | </div>
und ins Projekt-CSS Folgendes:

.tx_srlanguagemenu_pi1 {
float: right;
align: right;
}

.pdf_generator2 {
float: left;
align: left;
}

Es scheint, als ob die Klassen nicht angesprochen werden.

[charly21]

Hi,

du musst das ganze Object ansprechen und nicht den Current.
Wenn ich etwas Luft habe schau ichs mir gern nochmal an.

LG
Charly

[bluepix]

Danke, bis dann

[etux]

Erweiterungen setzen in der Regel mehr als genügend (meist verschachtelte) Elementen ein. Und so gut wie jedes hat dann auch ein „class“. Warum Du die gewünschte Elemente (und es sind zwei verschiedene Erweiterungen) über CSS nicht ansprechen kannst, ist mir ein Rätsel. Vielleicht postest Du mal einen Link.

.tx-srlanguagemenu-pi1 {
float: right;
align: right;
}

„align“ ist keine CSS-Eigenschaft. Außerdem hoffnungslos veraltet.