Eine ziemlich umfangreiche Liste nützlicher Tools für alle, die ihre Layouts mit CSS realisieren, gibt es bei W3Avenue. Alles ist schön übersichtlich in Kategorien geordnet. Kriterien für die Aufnahme in die Liste war ein benutzerfreundliches Interface und eine verständlich erklärte Anleitung.
Wenn es daran geht, nicht standardkonformes Verhalten eines Browsers anzuprangern, ergießen sich Haßtiraden, Spott und Hohn ja gewöhnlich über den Interner Explorer. Manchmal tritt aber auch unser geliebtes Arbeitspferd, der Firefox, daneben. So geschehen, als ich ein Druckstylesheet einbinden wollte:
Die beiden ersten Stylesheets lassen dem Anwender die Wahl. Im Firefox kann er sich das Standard-Styling [...]
Individuelle Spiegelstriche sind zwar nett, aber schlecht zu positionieren. Internet Explorer und Firefox ordenen sie unterschiedlich an, so dass man nicht einmal mit etwas Hintergrund um den Punkt zum gewünschten Ergebnis kommen kann.
Besser:
ul {list-style-type: none;}
li {padding-left: 20px;background-image:url(pics/punkt.gif); background-repeat:no-repeat; background-position: 5px 5px;}
Die Liste wird ohne Punkte angezeigt, die Spiegelstriche als Grafik in das Padding des einzelnen [...]
Das ist bestimmt schon vielen aufgefallen: Typo3 erzeugt eine falsche Reihenfolge der HTML-Tags, wenn man über das Template-Setup einem Link ein spezielles Format zuordnen will.
Beispiel:
Die Typoscript-Anweisung ACT.wrap = <strong>|</strong> erzeugt für den aktiven Link in einem TMENU diesen Link: <strong><a xxx>Link</a></strong>. Normalerweise müsste die Verschachtelung aber so aussehen: <a xxx><strong>Link</strong></a>.
Obwohl <strong> den [...]
Image Maps habe ich nicht mehr verwendet, seit ich mich mit CSS gesteuerten Webseiten beschäftige – und das sind inzwischen ein paar Jährchen. Aber z.Z. arbeite ich an einem Auftrag, der so etwas erfordert und barrierefrei muss es auch sein. Also habe ich mich mal mit “Night of the Image Map” von Stuart Robertson beschäftigt. [...]
Wer HTML-Newsletter verschickt und vorhat, sie durch CSS in Form zu bringen, sollte sich diesen Artikel im Campaign Monitor Blog zu Gemüte führen: CSS ist zwar ein guter Weg, Bandbreite zu sparen, aber Mailclients unterstützten Stylesheets nur in sehr unterschiedlichem Maße. Das geht von gut (Thunderbird, Outlook) bis unterirdisch (Lotus Notes und manche Webmail-Clients). Eine [...]
Ein lesenswerter Artikel im Webstandards-Blog legt uns ans Herz, auch CSS-Dateien strukturiert aufzubauen. Nicht nur, wenn mehrere Mitarbeiter am Stylesheet werkeln, bringt das Vorteile: Auch wer allein codiert, kommt ohne Struktur nicht weit und verheddert sich schnell in der Kaskade bedingter Formate, wenn er nicht planvoll vorgeht. Wie das aussieht, hängt vom persönlichen Geschmack ab. [...]
Wer sich die Extension indexed_search installiert, steht vor einem Problem: Die Ausgabe der Suchergebnisse ist ein schöner, traditioneller Tabellenverhau, der sich schlecht zähmen läßt. Wer lieber auf Tabellen verzichtet und Absätze und Listen mit CSS formatiert, installiert sich zusätzlich ch_is_templates, eine Extension, die ein gut durchkommentiertes Template für Suchformular, erweiterte Suche und Suchergebnisse mitbringt. Das [...]
… von Sitepoint! Neben simplen Selbstverständlichkeiten (Was ist ein inline- was ein block-Element und wann sollte man das eine in der Form des anderen – display:block bzw. display:inline – ausgeben) finden sich hier nette Tricks. Besonders brauchbar sind die Hacks zur Darstellung von min-width und min-height durch den IE. Wobei natürlich den Conditional Comments vor [...]
expertinnen-web.de läuft auf WordPress