Alle Artikel in: Markup

News, Tipps und Tricks, Quelltext, Relevantes zu X/HTML und CSS

Breadcrumb-Navigation nach Apple-Vorbild

Sehr schlicht ist die Brotkrumen-Navigation der apple.com-Website: Und dieses Menü lässt sich ganz leicht per CSS selbst gestalten. Dazu verwenden wir folgendes HTML-Gerüst: <div class=“breadcrumbs“> <a href=“/“>Home</a> <span>></span> <a href=“/“>Beispiel</a> <span>></span> <em>Breadcrumbs</em> </div> Bei deaktiviertem CSS wird der Aufbau deutlich: Home > Beispiel > Breadcrumbs Wir benutzen ein >, um die Brotkrumen von einander zu […]

Buttons, Buttons, Buttons

Wenn es um Formulare geht verwendet man oft input-Elemente zum Abschicken. Und meist muss man sich auf das browserseitige Aussehen verlassen, denn eine wirklich einfache Gestaltung per CSS gibt es nicht. Dabei gibt es sie doch: Buttons. Beide Elemente funktionieren in Formularen: Submit Das Element button wird lediglich im Safari optisch anders behandelt als input […]

Iconifiziert: Textlinks, CSS und Bildchen

Der CSS-Guy hat uns vor einiger Zeit gezeigt, wie man mit ein wenig CSS verschiedene Links unterscheidbar machen kann. In einer Erweiterung seiner Technik nutzt er JavaScript zur automatischen Erkennung des Favicons. Poolie Studios (Alexander Kaiser) hat die erste Idee aufgegriffen und für die üblichen Verdächtigen eine kleine Sammlung erstellt: Iconize Textlinks with CSS. Das […]

Manche lernen nicht dazu

Eine Weiterenticklung sollte eigentlich immer ein Schritt nach vorn sein – nicht zur?ck. Microsoft, genauer das Office-Team, nimmt das nicht so genau: Die Unterst?tzung von HTML- und CSS-Emails im Office-Email-Client Outlook 2007 basiert auf der Standardunterst?tzung von Word 2007. Und das ist genau gesagt: Keine. Campaign Monitor fasst das Ganze gut zusammen. Wei? noch jemand, […]

Collapsible Layout – Fensterbasierendes Layout

Für ein Projekt musste ich mich mit dem Thema fensterbreitenabhängiger Layouts beschäftigen. Viele Artikel im Netz (siehe Linksammlung unten) zeigen Lösungen auf, die entweder mit JavaScript und CSS oder nur mit CSS auskommen. Wir haben und für die erste Variante mittels JavaScript entschieden, da einige der Ansätze für unsere Ziele nicht ausreichten bzw. nicht funktionierten. […]

Das Problem mit dem q

Roger Johansson und andere haben einen der letzten ALA-Artikel aufgegriffen – In „Long Live The Q Tag“ schlägt Stacey Cordoni vor, das fehlerhafte Darstellen des -Elementes im Internet Explorers mit zusätzlichem Markup zu beheben. Da der IE keine Anführungseichen für das -Element darstellt, sollte man laut Stacey Cordoni manuelle Anführungszeichen außerhalb des -Elementes benutzen und […]

Alles über DOCTYPES

Roger Johansson schreibt über die richtige Wahl des Doctypes: No more Transitional DOCTYPEs, please und erinnert dabei an einen Hinweis aus der Reihe 24 ways: Transitional vs. Strict Markup. Wer sich nun etwas verloren fühlt oder keine Ahnung hat, was ein DOCTYPE ist, der kann sich in vielen Artikeln schlau machen: Websites mit dem richtigen […]

Mikroformate per CSS auszeichnen

Jon Hicks hat gestern in seinem Journal beschrieben, wie man auf Webseiten vorhandene Mikroformate per CSS einfach im Browser anzeigen kann. Dazu bietet er eine CSS-Datei mit wenigen Anweisungen zum Download an. Wie die CSS-Anweisungen für vCard und vEvent in Camino, Safari und Omniweb eingebunden wird, hat Jon Hicks selbst beschrieben. Eine Einbindung in die […]

Noch mehr über Mikroformate

John Allsopp, selbst Microformat-Experte, hat kürzlich auf Think Vitamin über Mikroformate geschrieben und besitzt auch einen Blog, der sich ausschließlich mit diesen befasst: microformatique. Zwei Beiträge dort haben mein Interesse geweckt: In „Understanding Microformats for the Non-Technical Web Professional or Marketer“ verweist er auf den gleichnamigen Beitrag von Jeremiah Owyang, der aus der nicht-technischen Sicht […]

Tipps&Tricks: max- und min-width im IE

Und wieder einmal beschäftigte mich die Thematik max-width und IE. Da der Internet Explorer weder max-width noch min-width kennt, muss ich zur IE-eigenen, dynamischen Eigenschaft expression() greifen, über die ich bereits früher berichtet habe. Problem Der Container der Webseite soll 90% der verfügbaren Fensterbreite einnehmen und sich dabei zwischen den Maßen 900 und 1100 Pixeln […]