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

... Junge , Junge, wat Du alles kannst ! Ich bin schwer beeindruckt !

Ich finde es toll daß es hier verschiedene Lösungsansätze gibt.
Beides hat Vor- und Nachteile.

Meine Scriptlösung wird erst ausgeführt wenn die Seite geladen ist.
Man kann also kurzfristig noch die Buttons nebeneinander sehen bevor sie dann untereinander gesetzt werden.
Ist ein Nachteil.
Dafür muss man aber die Breite der Buttons nicht mühsam anpassen.
Deren Breite wird nicht verändert.
(Man kann es aber per CSS verändern, wenn man es will)
Das Ganze auf Buttons in den Galerien zu beschränken ist auch möglich.
Wie bei der gezeigten CSS-Lösung muss nur die Zeile 3 angepasst werden.

<script>
$(document).ready(function(){ // ausführen wenn die Seite fertig geladen ist
	$(".page_gallery_viewpic .ratingbutton").each(function(){  // nachfolgendes für jeden Button in der Galerie ausführen
		$(this).before("<br>"); // füge einen Zeilenumbruch vor jedem Button ein. "this" bezieht sich auf die Buttons die in Zeile 3 genannt werden
	});
});
</script>
 

Hab mal die Zeilen grob kommentiert (Kommentare beginnen mit // ) um zu zeigen was welche Zeile macht.

Bei der CSS-Lösung greift die neue Darstellung sofort und nicht erst wenn die Seite fertig geladen wurde.
Das ist ein riesen Vorteil.
Leider haben die Buttons mit der Eigenschaft "display: block" dann keine automatisch angepasste Breite mehr.
Wenn man alle Buttons einheitlich breit haben will, ist das einstellbar.
Untereinander sieht es dann auch besser aus.
Wenn man aber verschieden breite Buttons hat und diese auch weiterhin unterschiedlich breit haben will,
Ist das nicht mehr so einfach einzustellen.
Ein KLEINER Nachteil.

Generell gefallen mir CSS-Lösungen immer besser.
Sie sind einfach schneller und weniger rechenaufwendig.
Und sie lassen sie leichter verändern wenn einem etwas nicht ganz gefällt.

Grundsätzlich finde ich ja die Scriptlösung irgendwie eleganter. Nur wenn man in JS nicht so sehr bewandert ist, lässt sich bei CSS leichter was ändern.
... wenn man in der CSS Variante z.Bsp. den Breiteneintrag weglässt, erscheinen auch unterschiedlich breit gestaltete Button weiterhin in ihrer ursprünglichen Größe.
Zudem könnte man noch ein wenig mit den Abständen zwischen Button und Schrift herumspielen, an der Schriftart oder an der Größe eventuell angezeigter Avatare bei den Bewertungen.

Zitat von Firestone007 im Beitrag #19

---

wenn man in der CSS Variante z.Bsp. den Breiteneintrag weglässt, erscheinen auch unterschiedlich breit gestaltete Button weiterhin in ihrer ursprünglichen Größe.

---

<script>
  $(document).ready(function(){
    $('.ratingbutton').each(function(){
      if (!$(this).next('.ratingbutton ~ span').length) {
        $(this).after('<br>');
      }
    });
  });
</script>
 

Ergebnis:

Das ganze kann man hier nochmal sehen:
http://jsfiddle.net/2q6bsmcx/9/

Nun ja,

wir basteln immer, vorallem wenn gute Vorschläge kommen und auch mit Hilfe umgesetzt werden können

... es gibt immer was zu basteln, oft fallen einem Kleinigkeiten auf, die man bislang nicht sah.