Syndication Icons positionien

[neelix]

Hallo zusammen,

ich kämpfe hier gerade mit den Icons. Mal passen sie sich wunderbar in die Zeile ein, mal erzeugen sie eine Spalte, die ich nicht mehr loswerde.

So soll es aussehen:
https://www.bergischer24stundenlauf....-projekte.html

Und auf manchen Seiten insb. Starteseite um dem Newsreader sieht es so aus:
https://www.bergischer24stundenlauf....onsteffen.html

Warum? Und wie bekomme ich die einheitlich "neben" die Überschrift?

Danke,

Neelix

[Bennie]

Das liegt daran, dass auf der ersten Seite dem syndication div-Element direkt eine h1 folgt. Die wird also korrekt umflossen, erst darauf folgt das Text div Element.

Bei der anderen Seite folgt aber auf das syndication div-Element der Newsreader , also das mod_newsreader div.
Da kann die Überschrift nicht umflossen werden weil die innerhalb des "mod_newsreader" steht.

Auf die Schnelle fällt mir dazu ein dem syndication div-Element einfach text-align:right; anstatt float:right; zu geben, ist aber nicht ganz das was Du möchtest , denn die h1 und die Icons sollen ja auf einer Linie liegen nehme ich an.

[neelix]

Hallo,

text-align:right

habe ich ausprobiert. Führt aber dazu, dass er mir immer eine zusätzliche Zeile einfügt. Das sieht dann auch merkwürdig aus.

Ich habe gerade mal bei den Erweiterungen geschaut. Vielleicht habe ich hiermit (https://packagist.org/packages/fritz...o-sharebuttons) mehr Erfolg.

[Spooky]

Und auf manchen Seiten insb. Starteseite um dem Newsreader sieht es so aus:
https://www.bergischer24stundenlauf....onsteffen.html

Warum? Und wie bekomme ich die einheitlich "neben" die Überschrift?

Du hast (hattest) folgendes HTML Markup:

<div class="syndication">…</div>
<div class="mod_newsreader block">…</div>

und folgendes CSS:

.syndication {
    float:right;
    …
}

.block {
    overflow: hidden;
}

.syndication floated durch float: right; rechts vom danach folgenden .mod_newsreader, allerdings hat .mod_newsreader zusätzlich ein overflow: hidden; durch .block - dadurch fließt nicht mehr der Inhalt von .mod_newsreader um .syndication, sondern der ganze block selbst.

Zwei mögliche Lösungen:

.mod_newsreader {
    overflow: visible;
}

oder

.syndication {
    /* kein float: right; */
    position: absolute;
    right: 0;
    …
}