Adventskalender für meine Weihnachtszauber

[HTML-Laie]

Um die Lücken zu verringern muß man nicht unbedingt die Bildergröße verändern. Man kann auch mit CSS die Lücken verringern.
Mal dieses probieren:

Suche in der CSS-Datei diesen Abschnitt:

Code: Alles auswählen

#Advent1 {
  z-index: 1;
  position: relative;
  top: 0px;
  left: 0;
  margin: auto;
  padding: 0;
  width: 100%;
  max-width: kann man anpassen 60%;
  max-width: 800px;
  height: calc(vh * 66.66);
  border: 0px solid #FFFFFF;
}

Dann dieses hinzufügen:

Code: Alles auswählen

 font-size: 0.0em;

Sollte dann so aussehen:

Code: Alles auswählen

#Advent1 {
  z-index: 1;
  position: relative;
  top: 0px;
  left: 0;
  margin: auto;
  padding: 0;
  width: 100%;
  max-width: kann man anpassen 60%;
  max-width: 800px;
  height: calc(vh * 66.66);
  border: 0px solid #FFFFFF;
  font-size: 0.0em;
}

LG Hape

[thaileben]

So eine noch, ich glaub ich habs jetzt Jürg!

Jedoch muss ich och einmal wegen der waagerechten Lücke gucken!

Nun wartet die Arbeit auf mich!

Ja und die restlichen Tage hinzufügen
aber gefällt mir schon viel besser ohne die grossen abstände

frohes schaffen

Jürg

[Butterblume]

Moin Jürg,

bis auf die etwas breiten waagerechten Lienien hab ich es glaub ich. Habe die Tube rausgenommen. Nun noch versuchen die Lücken zu schließen!

https://www.test.karins-poserbilder.de/ ... 21-03b.php

Vielleicht hat ja jemand eine Idee wie ich die Lücken schließen kann?!

Hat aber noch Zeit!

[Butterblume]

Hape, habe gerade eben erst deinen Vorschlag gesehen!

Ich habe in der CSS schon versucht zu ändern. Aber hat nicht ganz funtkioniert. Jedoch hape habe ich 2 CSS 1x in den Tagesdateien und einmal im Ordner wo der Kalender drin ist diese hier: kalender-2021-03b.css !

Hab schon in beiden geändert. Aber die waagerechten Lücken bleiben...


Hat aber auch noch Zeit! Wir haben erst Februar

[Butterblume]

Ich werde morgen mal gucken und probieren. Werde die seite schon finden. Wenn nicht melde ich mich hier nochmal!

hape

[Butterblume]

Hallo und guten Morgen Hape,

es hat geklappt! schön! Habs in beiden Seiten eingefügt! Weils in beiden vorher stand!

https://www.test.karins-poserbilder.de/ ... 21-03b.php

Somit brauche ich den jetzt nur hoch laden wenns soweit ist! Kann ich aber wiede eine Sache von der Liste streichen! schön!

[thaileben]

ja so sieht ein Adventskalender aus meiner Erinnerung vor vielen Jahrzehnten aus
bin ja seit vielen Jahren Weihnachtsverweigerer

Aber du hattest doch einen anderen mit den grossen abständen da war doch rechts eine Fee oder so ?

Jürg

[Butterblume]

Hallo jütg,

Dank hape mal wieder hats doch noch geklappt! Was würde ich ohne hape blos tun...?

Ja so gefällt er mir besser. Die fee hab ich rausgenommen. Aber da ja noch ewig zeit ist kann ich die wieder reinsetzen. Hab ja sonst nichts zu tun... ne ernsthaft, denke das ich die bilder nochmal ausschneide mit fee...

[Butterblume]

Wollte jetzt nur noch einmal zum Abschluss sagen! Jetzt passt es...

https://www.test.karins-poserbilder.de/ ... 21-03b.php

@Jürg, Danke fürs nachsehen!

@Hape, danke für die kleine Hilfe!

[HTML-Laie]

Wollte jetzt nur noch einmal zum Abschluss sagen! Jetzt passt es...

Wenn ich richtig sehe nicht so ganz. Deine Quellenangabe ist unter dem Kalender verschwunden. Entweder man fügt im Quelltext vor diesem Abschnitt

Code: Alles auswählen

<p style="text-align: center;"><span style="font-size: 13pt;"><a href="https://www.weihnachtsgeschichte.biz/" target="_blank"><span style="color: #B9CB79">Quelle der Gedichte & Geschichte</span></a> / <span style="font-size: 13pt;"><a href="https://weihnachten.tagesspiegel.de/" target="_blank"><span style="color: #B9CB79">Quelle der Lieder</span></a> / <span style="font-size: 13pt"><a href="https://welt-der-zitate.de" target="_blank"><span style="font-size: 15pt"><span style="color: #B9CB79">Quelle der Zitate</a> / <span style="font-size: 13pt;"><a href="https://www.weihnachtszeit.net/weihnachten/weihnachtsspiele/" target="_blank"><span style="color: #B9CB79">Quelle der Spiele</span></a> / <span style="font-size: 13pt;"><a href="https://www.chefkoch.de/rezepte/2942901446564053/Spekulatius.html" target="_blank"><span style="color: #B9CB79">Quelle des Gebäcks</span></a></span> <br/><br/><br/><br/> <span style="font-size: 15pt;"><span style="color: #B9CB79"><a href="https://www.thedigitalscrapbookshop.com/ikh-designs-c-354_498/" target="_blank"><span style="color: #B9CB79">Scrap©by I.K.H Design</span>   / <span style="font-size: 15pt;"><span style="color: #B9CB79"><a href="https://www.karins-poserbilder.de" target="_blank"><span style="color: #B9CB79">Design©by Karins Poserbilder</span>

ein oder mehrere Absatzzeichen hinzu:

Code: Alles auswählen

<br>

oder man ändert in der CSS unter folgendem Abschnitt:

Code: Alles auswählen

p {
  margin-top: 1.0em;
  margin-bottom: 1.0em;}

den Wert von margin-top auf:

Code: Alles auswählen

p {
  margin-top: 5.0em;
  margin-bottom: 1.0em;

LG Hape