CSS: F.I.M. (Fake Image Map) – eine CSS-Image-Map ohne Gif
Ein Kommentar zu meinem letzten Artikel über die F.I.M. hat mich dazu gebracht, den Aufbau noch einmal gründlich zu überdenken und das Resultat ausgiebig zu testen. Somit kann ich jetzt eine echt gute Alternative vorstellen…
CSS: Highlighting Boxes. Produkte hervorheben mit :hover
In den unendlichen Tiefen des World-Wide-Webs bin ich neulich auf einen Artikel über Product Highlighting mittels CSS und Prototype.js gestossen. Interessante Geschichte, dachte ich mir, aber geht das auch ohne Javascript?
Also fing ich an zu experimentieren…
CSS: Ein vertikales und/oder horizontales Dropdown-Menü
Die Suche hat ein Ende! Hier gibt’s ein wirklich sehr leicht anzupassendes Dropdown-Menü ohne JavaScript. Es basiert auf einer herkömmlichen Liste mit Unterlistenpunkten und kann durch die Veränderung von nur zwei Attributen im Stylesheet in eine horizontale bzw. vertikale Navigation umgewandelt werden.
HTML: form action. Mehr über Formulare in Aktion
Formulare sind auf Internetseiten selbstverständlch. Wir benutzen sie fast täglich.
Schauen wir uns doch mal so ein Formular genauer an. Wie wird es aufgebaut und wie sehen die einzelnen HTML-Komponenten aus?
Hier gibt’s ein Demo.
CSS: F.I.M. – Fake Image Map. Eine Alternative zur echten Image Map
Alle, die sich schon einmal fragten, ob und wie man ein Background-Image verlinken kann ohne auf CSS3 warten zu müssen, sollten diesen Post einmal lesen.
Die Antwort ist simpel, bulletproof und valide! Hier gibt’s einen Workaround…
Flattr zärtlich Danke ♥
Beliebte Artikel
- CSS: Ein vertikales und/oder horizontales Dropdown-Menü
- Microsoft: Expression Web SuperPreview. Website-Check im IE6 bis IE8
- Google Waves: Neue Horizonte durch Echtzeitkommunikation?
- CSS: F.I.M. - Fake Image Map. Eine Alternative zur echten Image Map
- CSS: Der IE6 mit :hover und ein vertikales Karteikarten-Reiter-Menü
- MooTools: Fading Opacity. Schickes Menü mit Mouseover
- Kurz notiert: Platz 16 beim CSS Off von CSS-Tricks
- CSS: Transparenz im Hintergrund!
- Podcasting: 5 (hörenswerte) Podcasts rund um's Thema Internet
- Kurz notiert: Und der User scrollt doch!?
- Kurz notiert: Mehr Schärfe mit Photoshop. Unscharf maskieren...
- CSS: Ein 3-Spalter-Div-Layout!
- CSS: Ein 3-Spalter-Div-Layout. Absolute!
- CSS: Einen Float-Container ohne zusätzliches Markup clearen!
- Dreamweaver 8: ListAll und BreakAll-Erweiterung!
- CSS: Arbeiten mit Sprites heisst Bandbreite sparen!
- VMware: Ein Player für alle Fälle!
- Flash: Dynamische Navigation aus einer Datenbank!
- CSS: !important. Styles mit der groben Kelle!
- CSS: Be water my friend. Was CSS und Bruce Lee gemeinsam haben könnten...
- Browser: Google will mit Chrome glänzen
NonCommercial
Shop
Folge mir auf...
- Superneedful Chrome Extension: Pendule http://goo.gl/G14H #chrome #browser #extension 3 hrs ago
- Lange nicht mehr gehört - immer wieder gerne: Rancid ~ Roots Radicals http://goo.gl/AzN1 #rancid #punk #video 3 days ago
- Typography Served :: Gallery http://www.typographyserved.com #inspiration #typography #design 4 days ago
- More updates...
