Einfache Dropdown-Navigation mit CSS und JavaScript

Ein typisches Aufklappmenü, umgesetzt mit reinem CSS. Internet Explorer bis Version 7 benötigt etwas Hilfe per JavaScript. Dazu habe ich die jQuery- Bibliothek eingesetzt (was zwar etwas übertrieben erscheint, ich jedoch meistens sowieso auf der Website einsetze). Getestet mit IE 6-8, Firefox 3x und Google Chrome auf PC. <!DOCTYPE html> <html lang=“en“> <head> <meta charset=“utf-8″ […]

Onepager mit jQuery

jQuery-Script um auf kleinen Webseiten (Web-Visitenkarten bzw. Onepager) zu navigieren. Inhalte werden ein- und ausgeblendet, ähnlich Accordion-Scripts. Einzelne Inhalte können aber auch über den Hash-Verweis direkt angesprungen werden, z.B. unckel.com/#kontakt. Ist kein JavaScript verfügbar, werden alle Inhalte untereinander dargestellt. Über die Navigation können diese angesprungen werden. JavaScript <script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js“></script> <script> $(function() { var navLinks = […]

Mehrsprachige Websites kodieren

Ich musste mal ein PHP-Frameworks für englische, russische, chinesische und arabische Inhalte entwickeln. Im Internet findet sich dazu auch eine Vielzahl von Artikeln, über die „richtige“ Kodierung von mehrsprachigen Websites. Wie lassen sich also z.B. kyrillische, chinesische oder auch arabische Zeichen korrekt darstellen. Leider widersprechen sich manche der Tipps. Daher nun meine Vorgehendweise (getestet auf […]

Hinweis auf veralteten Internet Explorer zeigen mit Conditional Comments

Hinweis auf den veralteten Browser Internet Explorer 6 und älter auf Websites einblenden, unter Verwendung von Conditional Comments. <!–[if lte IE 6]> <div style=“background-color:#ffff88; font-family:Arial, Sans-Serif; font-size:11px; text-align:center; margin:0; padding:2px; border:1px solid #999; color:#666;“> Sie benutzen eine veraltete Software, welche aktuelle Internetseiten ggf. nicht mehr korrekt darstellen kann. Aktualisieren Sie ihren <a style=“color:#66f“ href=“http://www.microsoft.com/germany/windows/downloads/ie/getitnow.mspx“>Internet Explorer</a>. </div> […]