Versions-Historie des Beitrags „Wie wird so etwas gelöst, bin nicht dahinter gekommen“

Wie wird so etwas gelöst, bin nicht dahinter gekommen

bearbeitet von

Matthias Scharwies 04.11.2018 18:12

Servus!
> Hallo,
>
> auf folgender Seite:[dieses Beispiel](https://thannheimer-oberstdorf.de/) ist unten im Footer eine horizontale Linie. Ich bin leider noch nicht dahinter gekommen wie das gelöst ist. Es sind drei Spalten die beim Verkleinern die horizontale Linie mit der Überschrift umbrechen. Wie bekomme ich das hin wenn ich drei Boxen erstelle und die Überschrift unterschiedlich goß ist damit die horizontale Linie auf gleicher Höhe durchgehend ist.
>
> In jede Box eine Linie erstellen geht nicht da der Text unterschiedlich groß ist.

Das ist ein [Pseudoelement](https://wiki.selfhtml.org/wiki/CSS/Selektoren/Pseudoelement/before,_after) des Footers:

~~~CSS
.footer::after {
content: '\00a0';
width: 100%;
height: 1px;
background-color: rgba(255,255,255,.5);
position: absolute;
top: 110px;
left: 0;
right: 0;
~~~

Ich bin mit F12 in den Seiteninspektor gegangen und habe jedes Element aufgemacht. Unter den Kindelementen werden auch Pseudoelemente wie :after angezeigt:

[![Screenshot](/images/b7e57336-f3e1-4843-96b5-002cb4c4f9d8.png?size=medium "footer")](/images/b7e57336-f3e1-4843-96b5-002cb4c4f9d8.png)

Dort anklicken, dann erscheinen die CSS-Regelsätze.

Herzliche Grüße

Matthias Scharwies

--
*"Bin ich denn der Einzigste hier, wo Deutsch kann?"*

Wie wird so etwas gelöst, bin nicht dahinter gekommen

bearbeitet von

Matthias Scharwies 04.11.2018 18:15

Servus! > Hallo, > > auf folgender Seite:[dieses Beispiel](https://thannheimer-oberstdorf.de/) ist unten im Footer eine horizontale Linie. Ich bin leider noch nicht dahinter gekommen wie das gelöst ist. Es sind drei Spalten die beim Verkleinern die horizontale Linie mit der Überschrift umbrechen. Wie bekomme ich das hin wenn ich drei Boxen erstelle und die Überschrift unterschiedlich goß ist damit die horizontale Linie auf gleicher Höhe durchgehend ist. > > In jede Box eine Linie erstellen geht nicht da der Text unterschiedlich groß ist. Das ist ein [Pseudoelement](https://wiki.selfhtml.org/wiki/CSS/Selektoren/Pseudoelement/before,_after) des Footers: ~~~CSS .footer::after { content: '\00a0'; width: 100%; height: 1px; background-color: rgba(255,255,255,.5); position: absolute; top: 110px; left: 0; right: 0; ~~~ Herzliche Grüße Matthias Scharwies -- *"Bin ich denn der Einzigste hier, wo Deutsch kann?"*