Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Dies finde ich nicht nur in der Galerie wichtig sondern auch in den Beiträgen

Sieht nicht gerade so prickelnd aus bei mehreren Sachen

@DieSchöne

Ich habe in der Kürze der Zeit nur eine Lösung gefunden bei der auch die Buttons untereinander gesetzt werden.
Andere Versuche sind gescheitert oder sahen am Ende noch schlimmer aus.

So sieht es ohne Bewertungen aus:


So sieht es mit Bewertungen aus:


Folgendes habe ich in die Zusszeile eingefügt:

<script>
$(document).ready(function(){
	$(".ratingbutton").each(function(){ 
		$(this).after("<br>");
	});
});
</script>
 

Nur die Texte zu verschieben und alle Buttons nebeneinander zu lassen, habe ich bisher nicht geschafft.
Bzw. die Buttons blieben dann so verteilt wie bisher.
Also immer nach Bewertungstexten eine neue Zeile.
Wo und wie dieser Umbruch erzeugt wird, habe ich nicht gefunden.
Konnte den also auch nicht aufheben.

Man könnte auch die CSS-Eigenschaft display:inline-block aufheben.
Die Buttons stehen dann auch untereinander.
Sie sind dann aber so breit wie das Forum.
Wenn sie alle gleich breit sein sollen, kann man diese Lösung nehmen und die Breite der Buttons manuell mit width: 123px setzen.
Bisher steht diese Eigenschaft auf auto !important.

.. so , wie Frank es beschreibt, kann man es auch über einen CSS Eintrag erreichen, der den Kommentartext unter den Button schiebt.
Solange kein button geklickt wurde , stehen alle nebeneinander. Sobald jemand klickt, rückt der Button nach links ein und der Text steht unter dem Buton. Vielleicht ist das ja auch ein Ansatz im Zusammenhang mit der Festlegung einer einheitlichen Breite ?

.page_gallery_viewpic .xratings  > span {display: block;}
 

Mit dem nebeneinander fand ich leider keine Lösung , aber .. hatte grad noch eine Idee. In der folgenden Kombination lassen sich die Button von vornherein "untereinander" in einer festgelegten Breite darstellen. Wenn dann einer gedrückt wird, erscheint der Text jeweils unter dem Buttom. Die dritte Zeile blendet den Text "Eigene Bewertung entfernen" aus.

.page_gallery_viewpic .ratingbutton {max-width: 80px; display: block;}
.page_gallery_viewpic .xratings  > span {display: block;}
.page_gallery_viewpic .rating_remove {display: none;}
 

Hallo @DieSchöne

@eini1971 sein script soll in die Fußzeile.
Siehe Beitrag #3 Darstellung bei mehreren Bewertungsbuttons
nichtb ins css

.. das script vom anderen "Frank" bewirkt ja im Prinzip das Gleiche, wie mein CSS Vorschlag. Die Button erscheinen untereinander, ein potentieller Text jeweils unter dem entsprechenden Button.

.. offensichtlich hast du ja die richtige stelle für die CSS eintragung gefunden. ich finde , so sieht es recht ordentlich strukturiert aus, auch wenn die schalter nicht mehr nebeneinander stehen. :-(

Falls du das script vom eini ebenfalls in der CSS eingetragen haben solltest, lösch es bitte dort wieder raus. könnte unter umständen in der CSS schaden. Wenn , dann in die Fusszeile unter Admin→Layout→Kopf&Fusszeile schreiben. Aber dann für eines entscheiden. Entweder Script , oder CSS .

Anmerkung: Das script wirkt sich auf alle Forenbereiche aus, wo bewertungsbutton verwendung finden, mein CSS Vorschlag "nur" auf die Bildergalerie.

.. ja, du hättest dann in der CSS den pixelwert dahingehend anpassen müssen, dass alle drei "Knutscher" in der anzeige sind. Aber das Ergebnis ist letztendlich das gleiche, ob nun script oder CSS eintrag. und du solltest überlegen, ob der text "eigene bewertung entfernen" noch dastehn soll , oder nicht. Da kannst ja dann script und CSS kombinieren bei bedarf.

.. da du ja das script verwendest, trage einfach zusätzlich die dritte Zeile aus meinem Vorschlag #Beitrag7 in die CSS ein, schon ist es weg. :-)

Edit:

.page_gallery_viewpic .rating_remove {display: none;}