Datum und Uhrzeit in iframe-Einbindung unterschiedlich darstellen?

Chruehl

Hallo zusammen,
ist es möglich das Datum und die Uhrzeit in einer iframe-Einbindung des Kalenders (siehe: https://evg-ergersheim.de) unterschiedlich zu gestalten?
Gerne hätte ich die Uhrzeit kleiner und (wenn möglich) durch Schräg- oder Spiegelstriche vom Datum abgehoben.
Leider konnte ich über CSS nichts derartiges anrichten.

Liebe Grüße
und danke für die Hilfe

simonruehl

Servus,

also erstmal Hallo an meinen Namensvetter (unbekannterweise) und ich wohne mittlerweile auch in der Pfalz (Landau). So, genug Vorrede.

Es ist möglich, per CSS Dinge um zu gestalten. z.B. kann man per CSS einen Absatz einfügen. Hier als Beispiel nach dem Datum:

span.date-date:after {
            content: "\A";
            white-space: pre;
            }

(Quelle: https://wiki.selfhtml.org/wiki/CSS/Tutorials/Zeilenumbruch_erzwingen)

Praktisch gesagt: Alles, was Du in das Feld nach dem "Content" reinschreibst, wird auch dort erscheinen. Zeilenumbruch, senkrechter Strich usw.

Chruehl

Super, vielen Dank!

//Offtopic: Ursprünglich bin ich Haßlocher und meine Schwester arbeitet in Landau Kleine Welt

silvias1963

@Chruehl Hallo, ich habe mir mal euren Kalender angeschaut und festgestellt, dass der in jedem Format, auch auf dem Handy, gut zu sehen ist. Kannst du mir verraten, wie dein iframe-Befehl aussieht? Hast du da eine Größenangabe gemacht?
LG, Silvia

simonruehl

Also mit den Entwicklertools (Chrome unter Windows mit F12 erreichbar) sehe ich, dass sie einfach width:100% angegeben haben. Dadurch passt es sich immer an die Bildschirmbreite an:

Dazu nachtürlich entsprechend den minical aktiviert. Mehr Infos zum Einbetten gibts hier in unserer Online-Hilfe.

Oder gibts sonst was Spezielles, das ihr gemacht habt?

silvias1963

@simonruehl Danke!!! Manchmal vergisst man die einfachen Wege...
LG, Silvia

Chruehl

@simonruehl @silvias1963
Nein nichts besonderes, alles aus eurer Online-Hilfe zusammengebastelt
Liebe Grüße