Auf der Suche nach einem neuen Hintergrundbild für mein HTC Hero bin ich heute auf G1Wallz.com gestoßen. Dort gibt es eine Unmenge an Wallpapers für Android Smartphones.
Die Hintergrundbilder haben eine Auflösung von 640 x 480 Pixel und sind damit für alle Android-Telefone mit mehreren Homescreens und einer Billdschirmauflösung Auflösung von 480 x 320 Pixel geeignet.
Darunter fallen zum Beispiel das HTC Dream (T-Mobile G1), HTC Magic und das HTC Hero (T-Mobile G2 Touch).
Bei der Darstellung von HTML-Elementen und CSS-Formatierung gibt es zwischen dem Internet Explorer 8 und dem Internet Explorer 7 gravierende Unterschiede. Besonders die verschiedene Interpretation von Abständen (padding, margin) bereiten Web-Entwicklern große Probleme.
Sehr oft musste man Conditional Comments benutzen, um die verschiedenen Anzeigen zu bewältigen. Doch damit ist jetzt Schluss! Microsoft hat im IE8 eine Funktion zur Abwärtskompatibilität eingebaut, so dass es möglich ist, das Anzeigeverhalten vom IE8 auf das Anzeigeverhalten vom IE7 einzustellen.
Dafür ist nur folgender Code nötig:
<html> <head> <!-- Mimic Internet Explorer 7 --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title>Titel</title> </head> <body> <p>Diese Webseite sieht im IE8 so aus wie im IE7.</p> </body> </html>
Falls der Internet Explorer die Angabe margin: auto; zum Zentrieren von DIV-Containern nicht befolgt, dann hilft dieser Trick:
#container { position: relative; width: 600px; left: 50%; margin-left: -300px; }
Mit left: 50%; wird der Container um 50% des Anzeigebereichs nach rechts verschoben. Das ist etwas zu viel, deshalb muss man die halbe Breite bei margin-left angeben, um die Verschiebung auszugleichen und das DIV mittig zu positionieren.
Möchte man in einem vorgegebenen Link den Text unsichtbar machen und durch ein Hintergrundbild ersetzen, so ist das Erste was einem einfällt color: transparent; für die Linkfarbe. Leider ist diese Eigenschaft nicht spezifiziert in CSS 2.1.
Trotzdem möchte ich eine Möglichkeit zeigen, die nach CSS 2.1 gültig ist und im Internet Explorer 6-8 sowie im Mozilla Firefox funktioniert. …weiterlesen
Wer barrierefreie Webseiten erstellen möchte, der sollte einen Blick auf den BITV-Test werfen. Der BITV-Test ist ein Prüfverfahren für der Barrierefreiheit von Webseiten. Man findet dort sehr nützliche Prüfschritte.
Um ein HTML-Element mit mehreren gleichzeitigen Klassen über CSS zu formatieren, hilft folgender Beispielcode.
HTML-Element:
<li class="klasse1 klasse2 klasse3"><a href="..">Link</a></li>
CSS-Formatierung:
.klasse1.klasse2.klasse3 { color: red; }
0