HOME

Wiki: Internet-Webdesign

Verschiedene Problem und deren Lösung..

Google öffnet bei jedem Aufruf ein Cookiefenster?

Tja, da will man keine Cookies haben und zur STRAFE muss man jedes Mal ein Cookiefenster abnicken?
! 2021-04-01 https://www.google.de
www.google.de##.HOq4He.J2ipb
www.google.de##.jw8mI
www.google.de##.vUd4jb

CSS unscheinbare Folgen..

CSS ist wirklich klasse!
Anstelle immer und immer wieder die Farben, Strichbreiten und Ähnliches bei Tabellen mühsam anzugeben reicht eine CSS Datei aus.
Dort schreibt man EINMAL die gewünschten Attribute z.B. einer Tabelle hinein, benennt diese "class" mit einem eigenen Namen und fertig.
Von dem Augenblick an braucht man bei Tabellen nur die passende "class" einzubinden:
Statt <table> also <table class="TabelleBunt">

Aber WEHE wenn ein kleiner Tippfehler in die CSS-Datei hineinwandert..
Beispiel: Versehentlich doppelt gesetzte Kommentar-Endmarkierung.
Korrekte Kommentare beginnen mit <!-- und enden mit -->.

Irgendwie habe ich das verpeilt, falsch kopiert und eingefügt, k.A.
Jedenfalls stand am Ende des Kommentars -->-->(eine Endmarkierung zu viel)

Und nun das Problem: Die CSS Datei wurde bis zu dieser Position abgearbeitet.. und stockte dann komplett. KEINE FEHLERAUSGABE.
Nur die von mir neu eingefügte class funktionierte nicht..
Wenn also was nicht klappt erst mal in dem Bereich der CSS schauen, wo man zuletzt herum gepfuscht hatte ^^

Bilder nebeneinander, Größe automatisch

Hier sollten drei Bilder in der(verringerten) Auflösung von 1920x1080 NEBENEINANDER angezeigt werden.
Die Idee war mittels halbierter Höhe height=520 die Größe der Darstellung zu reduzieren damit die bei mir schön nebeneinander passen(4k).
Leute mit KLEINEREN Bildschirmen werden die untereinander angezeigt bekommen.. da deren Bildschirmgröße geringer ist.

Eine Lösungsmöglichkeit wäre die Bildschirmbreite als 100% anzunehmen. Teilt man das durch 3(ja die drei Bilder!) bliebe für jedes Bild 33% übrig.
Um Ränder und Ähnliches zu beachten setzt man den Wert etwas geringer, hier auf 30% pro Bild.

Problem 1: ALLE drei Bilder müssen dafür die selbe Auflösung haben! (zufälligerweise passt das hier)
Der ursprüngliche Code: <img src="bild1.png"><img src="bild2.png"><img src="bild3.png">
verändert sich zu:<img style="max-width: 30%; height: auto;" src="bild1.png"><img style="max-width: 30%; height: auto;" src="bild2.png"><img style="max-width: 30%; height: auto;" src="bild3.png">

Zeichen-Codes

Übersicht Sonderzeichen@vioma.de
Die Größe der "html-Beschreibungssprache" lähmte meinen Editor, so beschränke ich mich auf die Darstellung von 4096 Zeichen pro Seite.
Zeichencode-000 Zeichencode-001 Zeichencode-002 Zeichencode-003 Zeichencode-004 Zeichencode-005 Zeichencode-006 Zeichencode-007 Zeichencode-008 Zeichencode-009 Zeichencode-00a Zeichencode-00b Zeichencode-00c Zeichencode-00d Zeichencode-00e Zeichencode-00f Zeichencode-010 Zeichencode-011 Zeichencode-012 Zeichencode-013 Zeichencode-014 Zeichencode-015 Zeichencode-016 Zeichencode-017 Zeichencode-018 Zeichencode-019 Zeichencode-01a Zeichencode-01b Zeichencode-01c Zeichencode-01d Zeichencode-01e Zeichencode-01f Zeichencode-020

span vs div

Lange habe ich den Sinn der beiden Dinger nicht verstanden.
Dank w3schools.com wird das nun endlich verständlich.

Der div Befehle verändert quasi einen ganzen Block(Absatz).

span ist hier mehr.. feinfühliger:
Mit span als inline Befehl könnte man sogar einzelne Worte in Überschriften anders darstellen lassen:
<h1>Überschrift: <span class="besonders">anders dargestell!</span></h1>
Allerdings müsste man noch in CSS die class "besonders" wunschgemäß definieren.

Möchte man z.B. zwecks besserer Unterscheidung die Darstellung von Konsolenbefehlen verdeutlichen kann man das auch mit span gut erreichen:
Das Löschen des Users "topflappen" soll erklärt werden(ohne span):
# userdel topflappen
Mit span(<span class="cmd"># userdel topflappen</span>):
# userdel topflappen

Der dazugehörige CSS Eintrag:
.cmd{ color: white; font-family: monospace; font-size: 1.25em; font-weight: bold;}

Oder die class auf "con" ändern(<span class="con"># userdel topflappen</span>)
# userdel topflappen

Diese Seite wurde zuletzt am 05.08.2022 um 22:13 geändert.

(c) 2024 DHLF ☮🇺🇦