Wenn Sie wissen m\u00f6chten, wie Sie Aufz\u00e4hlungszeichen entfernen k\u00f6nnen, sind wir f\u00fcr Sie da! Die Standardvorlage f\u00fcr die meisten Websites ist eine durchgezogene* Linie mit einem gewissen Abstand dazwischen. Sie k\u00f6nnen w\u00e4hlen, wie es aussehen soll, indem Sie den Text markieren, in Ihr Design oder Stylesheet gehen und \u00c4nderungen vornehmen. <\/p>\n\n
Bevor wir mit dem Ratgeber fortfahren, m\u00f6chte ich mich bei NaturHandel.dk<\/a> und Virksomhedsoplysninger.dk<\/a> bedanken.<\/p>\n\n Es gibt viele M\u00f6glichkeiten, diese so genannten l\u00e4stigen kleinen Pfeilspitzen ganz loszuwerden. Von der Verwendung einer externen Bibliothek oder eines Plugins, um sie durch etwas \u00e4sthetisch Angenehmeres (wie einen Kreis) zu ersetzen, bis hin zur Verwendung der Eigenschaft overflow: hidden in der Stilvorlage Ihres Containers – es gibt viele M\u00f6glichkeiten, die hervorragend funktionieren. Hier finden Sie die besten Methoden und Tipps zum Entfernen von Aufz\u00e4hlungszeichen in css. <\/p>\n\n Verwenden Sie eine Bibliothek oder ein Plugin<\/strong><\/p>\n\n Wenn Sie eine sauberere, modernere Alternative zu den kleinen Pfeilspitzen w\u00fcnschen, dann sollten Sie eine Bibliothek oder ein Plugin verwenden, das etwas Passendes f\u00fcr Sie bereith\u00e4lt. Hier sind einige der besten, die wir empfehlen k\u00f6nnen: <\/p>\n\n Verwenden Sie den \u00dcberlaufschutz<\/strong><\/p>\n\n Wahrscheinlich haben Sie schon Websites gesehen, bei denen der Inhalt der Container aus irgendeinem Grund eine Eigenschaft overflow: hidden verwendet. Damit wird der Text (z. B. Aufz\u00e4hlungszeichen) in bestimmten Situationen einfach ausgeblendet. Wenn Sie zum Beispiel jemals einen Bereich mit Tabulatoren gesehen haben, in dem die Tabulatoren aus dem Bildschirm herausgeschoben werden, wird die Eigenschaft overflow: hidden verwendet. <\/p>\n\n Ein \u00dcberlauf: die versteckte Eigenschaft ist eine h\u00e4ufiger verwendete Methode, weil sie einfach zu implementieren ist. Sie k\u00f6nnen online viele Anleitungen recherchieren, die Ihnen erkl\u00e4ren, wie Sie diese Methode verwenden und auf Ihre eigenen Bed\u00fcrfnisse anwenden k\u00f6nnen. Einige der bekanntesten Tutorials finden Sie hier und hier. <\/p>\n\n Bei dieser Methode m\u00fcssen Sie vorsichtig sein, denn sie funktioniert nur bei Inline-Elementen (d.h. bei Inhalten innerhalb eines Absatz-Tags). Wenn Sie also eine gro\u00dfe Schrift f\u00fcr Ihren Text eingestellt haben, wird diese Methode nicht funktionieren, da der Abstand nicht eingehalten wird. <\/p>\n\n Zum Beispiel:<\/p>\n\n Vorher:<\/p> Danach: <\/p> Verwenden Sie eine Code-Registerkarte<\/strong><\/p>\n\n Meistens wollen Sie Aufz\u00e4hlungszeichen loswerden, weil Sie mehrere Inhaltsebenen haben, die Sie voneinander trennen wollen. Anstatt tonnenweise Platz hinzuzuf\u00fcgen (was wertvollen Platz verschlingen w\u00fcrde), versuchen Sie es mit einem Code-Tab. Dies kann sehr gut funktionieren, wenn Sie nur eine Ebene von Aufz\u00e4hlungszeichen haben. Achten Sie nur darauf, dass sie sich am unteren Rand befindet, damit niemand sie sehen kann. <\/p>\n\n Verwenden Sie eine CSS-Registerkarte<\/strong><\/p>\n\n Dies ist eine Minimall\u00f6sung, da Sie nichts daran anpassen k\u00f6nnen. Wenn Sie jedoch keine Lust auf das zus\u00e4tzliche Ger\u00fcst haben und einfach alles mit dieser Methode machen wollen, dann ist diese L\u00f6sung genau das Richtige f\u00fcr Sie! Auf die gleiche Weise, wie Sie die Registerkarten im Allgemeinen anpassen k\u00f6nnen, m\u00fcssen Sie nur Ihre eigene Registerkarte erstellen und sie mit einem anderen Element \u00fcberlappen. Der Trick dabei ist, dass Sie Ihre Registerkarten ganz unten anordnen und dann ein anderes Element \u00fcberlappen lassen. Ich schlage vor, dass Sie Ihre Elemente in gr\u00f6\u00dferen Abst\u00e4nden anordnen, damit sie sich nicht gegenseitig behindern. Dies kann entweder mit einer CSS- oder einer JavaScript-Methode geschehen. <\/p>\n\n Tabulator\u00fcberlappung mit einem Listenselektor verwenden<\/strong><\/p>\n\n Dies ist eine ziemlich unkomplizierte L\u00f6sung, um die Aufz\u00e4hlungszeichen ganz zu beseitigen. Sie m\u00fcssen Ihr Listenelement erstellen und dann einen anderen Selektor verwenden, der sich mit diesem \u00fcberschneidet. Auf diese Weise haben Sie hier keine Registerkarten, sondern nur die Aufz\u00e4hlungszeichen selbst. Um diesen Effekt zu erzielen, stellen Sie sicher, dass Ihr Listenelement eine Klasse hat, die mit der Aufz\u00e4hlungszeichen-Klasse f\u00fcr Ihre Liste \u00fcbereinstimmt (siehe unten) und legen Sie einen CSS-Stil „list-bullet“ (am Ende des Tab-Stils) oder etwas \u00c4hnliches fest. <\/p>\n\n Zum Beispiel:<\/p>\n\n .tabs ul li { padding:0; } .tabs li.list-bullet { width:150px; } .tabs li a { display:block; text-decoration:none; } .tabs li a:hover { text-decoration:underline; }<\/p>\n\n Setzen Sie ein fl\u00fcssiges Ger\u00fcst ein<\/strong><\/p>\n\n Wenn alles andere fehlschl\u00e4gt, k\u00f6nnen Sie ein fl\u00fcssiges Framework einrichten und die Aufz\u00e4hlungszeichen mit CSS ausblenden. Dies w\u00fcrde jedoch den gr\u00f6\u00dften Arbeitsaufwand bedeuten, da Sie ein eigenes Framework erstellen m\u00fcssen, weshalb ich diese Option nicht vorschlage. Au\u00dferdem gibt es so viele Frameworks (wie z.B. Bootstrap oder Foundation), die standardm\u00e4\u00dfig Aufz\u00e4hlungszeichen anbieten, dass es einfacher ist, eines dieser Frameworks zu verwenden. <\/p>\n\n IN DEN MEISTEN F\u00c4LLEN VERWENDEN WIR DIE \u00dcBERLAUFSCHUTZMETHODE. WENN SIE ALSO DIESE M\u00d6GLICHKEIT NICHT HABEN, TUN SIE, WAS SIE TUN M\u00dcSSEN. <\/p>\n\n Wandeln Sie Ihre Aufz\u00e4hlungszeichen in echte Abs\u00e4tze um, um die Lesbarkeit zu verbessern.<\/p>\n\n Wir wissen, dass dies auf den ersten Blick etwas seltsam erscheint, aber es ist eine gro\u00dfartige L\u00f6sung, da Sie beim Lesen Ihrer Inhalte nicht mehr so viel scrollen m\u00fcssen. Wenn Sie Ihre Aufz\u00e4hlungszeichen in echte Abs\u00e4tze umwandeln (siehe unten), ist der Text leichter zu verdauen und lesbar. <\/p>\n\n Ersetzen einer geordneten Liste durch verschachtelte Abs\u00e4tze<\/strong><\/p>\n\n Geordnete Listen werden in einem voreingestellten Stil geliefert. Wenn Sie die Aufz\u00e4hlungspunkte optisch ansprechender gestalten m\u00f6chten, k\u00f6nnen Sie sie in verschachtelte Abs\u00e4tze umwandeln, indem Sie mehrere Abs\u00e4tze erstellen und jeden Punkt innerhalb des Absatzes einr\u00fccken. <\/p>\n\n Nummerierte Listen durch verschachtelte Abs\u00e4tze ersetzen<\/strong><\/p>\n\n Eine M\u00f6glichkeit, Aufz\u00e4hlungspunkte aus Ihrem CSS zu entfernen, besteht darin, nummerierte Listen in verschachtelte Abs\u00e4tze umzuwandeln.<\/p>\n\n Sie k\u00f6nnten zum Beispiel so drehen:<\/p>\n\n -Eine Kugel<\/p>\n\n -Geschoss zwei<\/p>\n\n in diese:<\/p>\n\n -Patrone eins – Patrone zwei<\/p>\n\n<\/ol><\/p>\n\n