Hilfe Diskussion:CSS

Dies ist eine Diskussionsseite zu Gestaltungsfragen der Vorderseite.

Bei aktuellen Problemen bitte andere Möglichkeiten wahrnehmen:

• Fragen zur Wikipedia
• Vorlagen-Werkstatt

Zum Seitentitel

Die Abkürzung ist erheblich bekannter als die nur Experten vertraute ausgeschriebene Form. Deshalb wurde erstere als Titel der Hilfeseite gewählt.

--PerfektesChaos 22:44, 13. Aug. 2013 (CEST)

cellspacing

Was spricht dagegen cellspacing="5" durch style="border-spacing:5px" zu ersetzen? --Fomafix (Diskussion) 08:50, 22. Aug. 2013 (CEST)

Dass cellspacing= auch in allen IE funktioniert und border-spacing: in den älteren IE (bis wann genau? Und heute?) nicht.

Allerdings ist in den realen Artikeln eine Tabellengestaltung, die wirklich auf ein border-spacing: mit sichtbarer Ausdehnung angewiesen wäre, extrem selten.

Liebe Grüße --PerfektesChaos 09:05, 22. Aug. 2013 (CEST)

Nach https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing#Browser_compatibility unterstützt es der Internet Explorer ab Version 8. --Fomafix (Diskussion) 10:03, 22. Aug. 2013 (CEST)

Aha, danke.

Es ist kein weltbewegendes Problem. Die realen Vorkommen mit px>0 sind rar, und dann ist es im Artikel zu klären, ob dieser ganze Formatierungswust nicht durch ein simples wikitable ersetzt werden kann. Häufig ist das ein mit C&P von irgendwoher übernommenes überkompliziertes Tabellendesign, um drei Einwohnerzahlen auf drei Jahre zu verteilen. An einen Fall, wo wirklich cellspacing>0 für einen Artikel nötig gewesen wäre, kann ich mich nicht erinnern. Ohnehin muss man solche Sachen im Einzelfall und durch erfahrene Syntaxer klären; irgendwelche Automatismen und Standard-Empfehlungen sind hier sowieso nicht angesagt.

Sonnigen Tag --PerfektesChaos 10:26, 22. Aug. 2013 (CEST)

CSS-Standardeinstellungen der Wikipedia

Wo findet man die? Ich suche speziell die Absatzformatierung (Box-Modell) für die Wiki-Formatiierungen um die Zeilen mit „*“ und „:“ am Zeilenanfang – margin, padding usw. --Silvicola ^Disk 14:09, 13. Sep. 2015 (CEST)

Browser-Werkzeug benutzen, in die Seite reingucken.

Es gibt -zigtausende von Klassen, und niemand auf diesem Planeten hat noch den Überblick.

Was du da konkret ansprichst ist im Übrigen Gegenstand regelmäßiger Änderungen, hängt von Mobilgeräten und Skins ab und ist nicht geeignet zur Programmierung projektweiter Geschichten wie Vorlagen usw.; nur für den Eigenbedarf.

VG --PerfektesChaos 14:22, 13. Sep. 2015 (CEST)

Das erinnert irgendwie an das Rezept der weird sisters in Macbeth:

Fillet of a fenny snake,
In the caldron boil and bake;
Eye of newt, and toe of frog,
Wool of bat, and tongue of dog,
Adder's fork, and blind-worm's sting,
Lizard's leg, and howlet's wing,—
For a charm of powerful trouble,
Like a hell-broth boil and bubble.

Den Köchen jedenfalls viel Vergnügen! --Silvicola ^Disk 15:49, 13. Sep. 2015 (CEST)

t-right ??? bitte um Hilfe!

Es gibt eine css-option, Bilder im Falle einer langen Infobox auf der rechten Bildschirmseite im Text rechts zu positionieren, ich habe sie an mehreren Stellen in Artikeln vorgefunden und gesehen, dass sie funktioniert. Eider kann ich mich nicht erinnern, in welchen Artikeln sie eingesetzt wird, und noch viel schlimmer, ich kann sie nirgendwo in der Dokumentation finden!

Meiner Erinnerung nach heißt diese css-option "t-right", wer kann mir helfen? axp_de^Hallo! 09:23, 24. Feb. 2017 (CET)

1. Hilfeseiten sind grundsätzlich keine Auskunftsplattformen.
   • Schon die geringe Zahl der Beobachter bündelt Anfragen auf den unpassenden Kreis an Mitlesern.
   • Generell gilt: WP:W
   • Für deine Anfrage ist Wikipedia:WikiProjekt Vorlagen/Werkstatt geeignet.
   • Ich habe deshalb jetzt auch auf diese Seite eine blaue Box gesetzt.
   • Die Diskussionsseiten zu Hilfeseiten dienen grundsätzlich erstmal nur der Verbesserung der Vorderseite.
2. Probier mal Hilfe:Textgestaltung/Layoutfluss zur Beantwortung.
3. Nebenbei verwendest du in deiner Signatur das seit 1998 nicht mehr anzuwendende HMTL-Element <span> – solltest du damit im ANR einen QS-Baustein signieren, löst du vermeidbare Wartungsalarme aus. Das hierfür zu verwendende Element ist <span>.

VG --PerfektesChaos 12:10, 24. Feb. 2017 (CET)

Ich möchte nicht widersprechen. Allerdings möchte ich jedoch allg. Betreff der veralteten HTML-Tags nur meine gemilderte Sichtweise äußern. Ich selbst habe unzählige dieser hier in WP ersetzt, nur ist mir jetzt zu sehr gewahr geworden, dass die WikiSyntax kein HTML ist, sprich genau genommen ist dies Angelegenheit von MediaWiki (wie sich einige WMF-Leute dazu kurz geäußert haben, denn diese haben ja nur eine exakte Liste von hier interpretierten/entlehnten Tags. Wenn das einer hier weiß, dann sicher PerfektesChaos). Die Sache ist auch die, dass die Anfänge von HTML wesentlich freundlicher einer WikiSyntax entgegenkamen. Ein deutliches Indiz dafür ist, dass User nach "20 Jahren" immer noch diese "bösen" Tags verwenden (dabei ist da die DeWP noch recht "W3C-konform"), daher werde ich selbst in Artikeln diese nicht mehr ersetzen (vor allem HTML-Attribute wie align, die Pedants auf modern sind einfach unpraktischer doppelt so lang, das soll ruhig die MW-Software übersetzen). MfG PS: So solltest/"müsstet" "du" auch konsequenter Weise das Umwandeln von <br> zu <br /> einstellen!? -- User: Perhelion 15:13, 24. Feb. 2017 (CET)

Die Attribut-Syntax bzw. die seit 1998 veralteten Elemente sind aber inkompatibel zu den 1998 eingeführten style-Deklarationen.

Und die damaligen Attribute haben auch teils völlig unterschiedliche Auswirkungen; align="right" verhält sich je nach Art des Elements völlig anders als style="text-align:right".

Und die Gewichtung von align= im Verhältnis zu class= ist dergestalt, dass die Spezifikation von align= weniger zählt und durch class= überschrieben wird; während ein style= mehr zählt als class= und dieses am Element übersteuert.

Und das von mir oben erwähnte <span> hat komplett eigenständige Attribute, die zu nichts anderem passen, und wird von class= zurückgesetzt.

Heißt im Endeffekt, dass man, wenn man an den seit 1998 veralteten Strukturen klebt, einen riesigen Wust an Sonderregeln erlernen muss, wenn man dies und das veraltete Zeugs in einer zwangsläufig aktuell programmierten Umgebung am Laufen halten will, und immer wieder mysteriöse Effekte auftreten.

Um die CSS-Syntax kommt man schon wegen der für die ganze Seite gültigen Regeln nicht herum, spätestens wenn man seine eigene Benutzerkonfiguration anpasst – und dann noch zusätzliche Syntaxregeln erlernen, wie sich die drei, vier Jahre nach Einführung des www aus sehr guten Gründen wieder abgeschafften Alt-Attribute verhalten?

VG --PerfektesChaos 15:28, 24. Feb. 2017 (CET)

Ich denke du hast Recht, danke für deine Darlegung. Kurz gesagt, die marginalen Vorteile der alten Tags wiegen die Summe der Nachteile wohl tatsächlich nicht mehr auf, zumal sich die Wikimedia eh vom Quelltext für Unbedarfte verabschieden will (s. VE, evtl. sind betr. User vornehmlich Ü40 und dem Effekt des Status quo bias bzw. der mit dem Alter ansteigenden Schwelle des Neulernens und positivem Verdrängens unterlegen). -- User: Perhelion 16:32, 24. Feb. 2017 (CET)

Class nowraplinks

Was ist das im ANR es scheint wie so oft aus der en:WP zu kommen. Die haben das in ihrer MediaWiki:….css definiert. Was tun damit? Beispiel: Dies ist ein langer Text in einem Link der nicht zerbrochen werden soll, aber wie es aussieht bewirkt das hier absolut nichts --Liebe Grüße, Lómelinde Diskussion 08:46, 25. Sep. 2020 (CEST)

Keine Ahnung, soll viele Verlinkungen gleichzeitig statt jede einzeln vernowrappen.

Dieser ganze nowrap-Kram ist ein Überbleibsel der Desktop-Ära und tödlich für Smartphones und bringt wenig für gute Typografie, ruiniert aber die Lesbarkeit und schafft große weiße Lücken am rechten Rand.

• In Tabellen ist es für die Mobilen tödlich; wir machen grad die Tabellenspalten schlanker.

Wobei Deutsch mit seinen Komposita nochmal ein anderer Schnack ist als das kurzwortige Englisch.

Ein Wort von Wortlänge, also vier Buchstaben, soll außer bei Symbolen auf eine neue Zeile geschrieben werden. Fest angebunden werden nur sehr kurze Elemente, ein Dr. vor dem Namen, ein Symbol nach einer Zahl. Massenhaftes nowrap ist kontraproduktiv. Wenn die Zeile zu Ende geht und ein unabhängiges Einzelwort nicht mehr in die Zeile passt, kommt es in die nächste und basta.

LG --PerfektesChaos 12:10, 25. Sep. 2020 (CEST)

Ich habe sie erst einmal eliminiert, aber da kommen bestimmt einige nach. --Liebe Grüße, Lómelinde Diskussion 16:08, 25. Sep. 2020 (CEST)

class="small"

Das scheint eine Verkleinerung au 94% zu bewirken. Vergleich

• Hier steht ein Text – normale Größe
• Hier steht ein Text – span style 94%
• Hier steht ein Text – class small
• Hier steht ein Text – small Tags

Gab es das schon immer, sollte man das erwähnen, gibt es noch mehr davon? --Liebe Grüße, Lómelinde Diskussion 07:08, 13. Jul. 2021 (CEST)

Es kommt von MediaWiki – Zeile 231, und steht gleichrangig mit .center eins drüber.

Ziel ist es offenkundig, die für Menschen mit Augenproblemen zu kleinen aus Tradition der frühen 1990er Jahre stammende 85% des <small> auf ein barrierefreies Maß zu reduzieren, wo es angemessen wäre.

Problem ist für uns, dass damit Wikitext verkompliziert würde. Was Autoren zu Gaga-Aktionen anstachelt. In revertierendem Modus, entweder weg damit oder als Bot überall reinschreibend.

• In der Vorlagenprogrammierung etwa von Tabellenzeilen oder Infoboxen wäre das einer allmählichen Verbreitung wert. Mal probieren wie es ankäme, Wiedervorlage 2030.
• Problem ist, dass es für die Leute, die ganz viel Extra in ihre Tabellenspalte reinquetschen wollen, nicht doll genug einschrumpft, und der Größenunterschied auch nicht so dramatisch ist, weshalb sich fragen ließe, ob sich der zusätzliche Aufwand gegenüber Normalschrift überhaupt lohnen würde.
• Wir könnten aber auch lokal auf 91% oder 92% setzen; spürbarer Unterschied, trotzdem wohl noch zumutbar. Wenn oft verwendet, Zukunftsmusik.

Ich kenne ihn, war aber bislang zögerlich, dies unter Selektoren aufzulisten oder zu beschreiben.

• Mal sehn.
• Hatte auch abgewartet, ob das stabil bleibt oder irgendwer einen Rappel bekäme und es wieder rausschmeißt (was wir bei entsprechend häufiger Verwendung aber lokal überbrücken können). Ist jedoch von 2011 und älter. In der enWP wird damit öfters mal rumgemacht; da wirst du es herkopiert bekommen haben.

In mobil sind alle small unwirksam. Wahrscheinlich ganz gut so.

LG --PerfektesChaos 09:29, 13. Jul. 2021 (CEST)

Ich fand es hier und musste erst einmal testen, ob es überhaupt eine Wirkung hat. Ich meine, ich hätte schon des Öfteren mal etwas wie class="smaller" entfernt, weil es keine Wirkung hatte. Es kommt aber tatsächlich fast 400 mal vor. --Liebe Grüße, Lómelinde Diskussion 09:54, 13. Jul. 2021 (CEST)

Das Dokument enthält Fehler...

Hallo, Ich habe diesen Code in meine CSS-Benutzerseite (Benutzer:der Irgendwas/derirgendwas.css) eingegeben, aber wenn ich sie veröffentliche, kommt eine Meldung dass in dem Dokument Fehler enthalten sind. Kann mir da jemand helfen?

span.history-user a[title="Benutzer:derIrgendwas"] {

  display: inline-block;
  width: 25px;
  overflow: hidden;
  visibility: collapse;

} span.history-user a[title="Benutzer:derIrgendwas"]:before {

  content: "der Irgendwas";
  visibility: visible;
  background-color: #FF80FF;
  color: #000000;
  font-weight: bold;

}

... Beitrag von der Irgendwas (Diskussion) 14:32, 28. Feb. 2023 (CET)