Meine Lösungen für eine per JavaScript sortierbare HTML-Tabelle, die in WordPress-Beiträge eingebunden werden kann, scheinen unter keinem glücklichen Stern zu stehen. So sortiert das in meinem Beitrag “Sortierbare Tabellen in WordPress mit Javascript” verwendete JavaScript Zahlen nicht immer richtig. Also zurück zum Start und ein neues JavaScript für diesen Zweck gesucht. Jetzt fand ich (hoffentlich) ein Javascript, das auch Zahlen immer richtig sortiert und über meine Anforderungen hinaus noch viele weitere Extras bietet. Was mich aber am meisten begeistert, das Script ist schneller als die Vorherigen. …weiterlesen
Beiträge mit dem Stichwort CSS
In WordPress-Beiträgen HTML-Tabellen mit Javascript sortieren
WordPress TinyMCE-Editor: Schrift ändern
Schon lange ärgere ich mich über die Times-New-Roman-Schrift im WordPress-Editor TinyMCE. Auf meinem 17-Zoll Laptop mit 1920×1200 Auflösung ist nicht immer zu erkennen, ob sich zwischen zwei Worten eines, keines oder gar zwei Leerzeichen befinden. Also ab in den Quellcode von WordPress und auf Arial umstellen.
In der Folge erlebte ich wieder einmal die wahren „Freuden” eines Webworkers.
Logische Reihenfolge der CSS-Anweisungen
Ob für IDs oder Klassen, die einheitliche Reihenfolge der einzelnen Deklarationen hilft bei Änderungen, vermeidet Fehler und verkürzt dadurch die Arbeitszeit.
Hier ein Vorschlag für eine mögliche Anordnung der CSS-Anweisungen, wobei von außen nach innen gereiht wird:
Das 99-prozentige Ende von "clear: both"
Lächelnd erinnert man sich an die alten Tabellen-Layouts mit den unvermeidlichen 1px-Leergifs. Das geht doch jetzt mit CSS viel eleganter – oder?
Bis dann der gestylte Hintergrund einer Container-Ebene, gefüllt mit mehreren gefloateten Elementen, nicht mehr sichtbar ist. Oder etwa gar manche Float-Konstruktionen im IE6 absolut verrückt spielen. Also schnell vor dem Ende des „Float”-Containers ein mit Leerzeichen und style=”clear:both” versehenes Element eingefügt und die (Webworker-)Welt ist wieder in Ordnung. Super elegant…
Dabei ist die saubere Lösung viel einfacher und bedarf auch keines zusätzlichen Div-Elements.
