Seite 5 von 6
Re: Adventskalender für meine Weihnachtszauber
Verfasst: Di 28. Feb 2023, 21:25
von 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:
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
Re: Adventskalender für meine Weihnachtszauber
Verfasst: Mi 1. Mär 2023, 01:19
von thaileben
Butterblume hat geschrieben: ↑Di 28. Feb 2023, 10:30
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
Re: Adventskalender für meine Weihnachtszauber
Verfasst: Mi 1. Mär 2023, 11:00
von 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!
Re: Adventskalender für meine Weihnachtszauber
Verfasst: Mi 1. Mär 2023, 11:26
von 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
Re: Adventskalender für meine Weihnachtszauber
Verfasst: Mi 1. Mär 2023, 19:53
von Butterblume
Ich werde morgen mal gucken und probieren. Werde die seite schon finden. Wenn nicht melde ich mich hier nochmal!
hape
Re: Adventskalender für meine Weihnachtszauber
Verfasst: Do 2. Mär 2023, 09:31
von 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!
Re: Adventskalender für meine Weihnachtszauber
Verfasst: Fr 3. Mär 2023, 02:03
von 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
Re: Adventskalender für meine Weihnachtszauber
Verfasst: Fr 3. Mär 2023, 19:03
von 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...
Re: Adventskalender für meine Weihnachtszauber
Verfasst: So 5. Mär 2023, 10:26
von 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!
Re: Adventskalender für meine Weihnachtszauber
Verfasst: So 5. Mär 2023, 15:51
von 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:
oder man ändert in der CSS unter folgendem Abschnitt:
den Wert von margin-top auf:
LG Hape