EdiTORial

Liebe Leserin, lieber Leser,

nein, tut mir leid. WM-Karten gibt es hier nicht zu gewinnen. Nein, auch dann nicht, wenn Sie alle Vornamen von Spielerfrauen der kirgisischen Fußballnationalmannschaft in alphabetischer Reihenfolge pantomimisch darstellen können. Zugegeben, ich hatte überlegt, das Design der Webdesign-Secrets mit bunten Fußbällen und lustigen Trillerpfeifen-Cliparts zu versehen und Ihnen 40% mehr Inhalt als WM-Bonus zu bieten. Aber vielleicht hätten Sie das unpassend gefunden. Gut, die Überschriften der folgenden Beiträge hätte ich wirklich besser in Fußball-Fachsprache ausdrücken können. Etwa "Getacom stellt Konkurrenz ins preisliche Abseits", "Microsoft will Firefox mit Sturmduo auskontern" oder "Steh auf, wenn Du ein Tooltip bist". Aber ich hatte die Befürchtung, dass das irgendwie albern klingt.

Stattdessen möchte ich die Gelegenheit nutzen und im letzten Newsletter vor der WM, sorry, vor der FIFA WM 2006^TM meine Empörung über Google zum Ausdruck bringen. Gibt man bei der Suche nach deutschsprachigen Seiten den Begriff "Weltmeisterschaft 2006" ein, so wird man doch tatsächlich schon auf Seite drei der Ergebnisse mit der Schlittenhund-Weltmeisterschaft in Frauenwald belästigt. Also so werden wir bestimmt nicht Weltmeister! Deshalb: Verzichten Sie auf stundenlanges Starren auf einen hauptsächlich grün zeigenden Fernseher und werkeln Sie lieber an Ihrer eigenen Homepage. Weitere Tipps für Ihre Arbeit finden Sie weiter unten - und in unserem zusätzlichen Angebot "Webseiten professionell gestalten und programmieren", welches Sie gern 14 Tage lang gratis testen können. Mehr Informationen erhalten Sie hier.

Hiermit wird dieser Newsletter angepfiffen. Spannende Unterhaltung wünscht Ihnen

Denny Carl

Chefredakteur Webdesign-Secrets

Getacom hostet zu Tiefstpreisen

Eigene Domain ab 0€ pro Monat, PHP und MySQL ab 0,69€

Der britische Anbieter getacom bietet ab sofort drei Webhostingpakete an, deren monatliche Kosten im äußerst niedrigen Bereich liegen. So gibt es das WebPaket 1.0 mit 1MB Speicher und einer Domain für 0€. Das sehr viel interessantere WebPaket 2.0, welches PHP und vier MySQL-Datenbanken beinhaltet, kostet 0,69€ im Monat. Auch hier ist eine Domain inklusive. Für 1,00€ pro Monat ist WebPaket 3.0 mit fester IP-Adresse, 12 MySQL-Datenbanken und 12 FTP-Zugängen erhältlich.

Einen Haken gibt es allerdings: Zu Beginn der Nutzung eines der Angebote muss eine Einrichtungsgebühr von 29,49€ gezahlt werden. Zusätzliche Domains bietet getacom zu monatlichen Kosten von 0,29€ an, auch hier wird eine Einrichtungsgebühr in Höhe von 5,49€ fällig.

getacom-Website: http://www.getacom.de

Neue Details zur Zukunft des Internet Explorers

Internet Explorer 7+ läuft nur unter Windows Vista

Microsoft veröffentlichte in den vergangenen Tagen Informationen, die Einblick in die Planungen des Softwaregiganten bezüglich seines Browsers Internet Explorer gewähren. So soll die noch in diesem Jahr erscheinende Version 7 des Markführers auch als erweiterte Variante 7+ verfügbar sein. Allerdings ist diese Benutzern von Mircosofts neuem Betriebssystem Windows Vista vorbehalten. Internet Explorer 7+ arbeitet eng mit dem Betriebssystem zusammen und nutzt dessen spezielle Fähigkeiten. Dies ermöglicht u.a. optimierte Sicherheitsfunktionen gegen Phishing und diverse Kinderschutzeinrichtungen.

Weiterhin wurde bekannt, dass Microsoft ab 2007 jährlich eine neue Version des Internet Explorers auf den Markt bringen möchte. Der Internet Explorer 8 soll beispielsweise eine verbesserte Darstellung von Webseiten garantieren. Bekannte Fehler des aktuellen Internet Explorers, die in Version 7 nicht behoben werden, sollen dann der Vergangenheit angehören. Der aktuelle Internet Explorer der Version 6.0 erschien bereits 2001.

Tooltips bei Firefox und Opera

Der Internet Explorer zeigt wesentlich öfter Tooltips an als die Konkurrenz. Der Grund ist ein Fehler - beim Internet Explorer.

Der Internet Explorer reagiert bereits beim Vorhandensein des alt-Attributs bei einem Bild mit einem entsprechenden Tooltip, der den Wert anzeigt. Das ist deshalb falsch, weil dieses Attribut einzig und allein ein alternativer Text ist, der auf der Webseite zu sehen sein soll, falls das Bild aus welchen Gründen auch immer nicht angezeigt werden kann oder noch geladen werden muss. Auch für blinde und sehbehinderte Menschen ist das alt-Attribut gedacht, wodurch im Optimalfall auch Bilder zugänglich werden. Screenreader können den Wert vorlesen und so über das informieren, was die Betroffenen nicht sehen können. Da auch Suchmaschinen blind sind und keine Bilder sehen können, erfreuen sie sich ebenfalls am alt-Attribut.

Fehler hin oder her - manchmal sind Tooltips eine interessante Möglichkeit, Besucher über den Titel eines Bildes zu informieren. Statten Sie dazu Ihre img-Elemente mit dem Attribut title aus, und schon zeigen auch Firefox, Opera und weitere Browser auf Wunsch einen Tooltip an.

Zwei Dinge gilt es noch hinzuzufügen: 1. Hat ein img-Element ein title-Attribut, greift auch der Internet Explorer darauf zurück und zeigt dessen Wert als Tooltip an. Unter diesen Umständen funktioniert der Internet Explorer also fehlerfrei. 2. Vergessen Sie dennoch nicht, jedes Bild mit einem alt-Attribut auszustatten. Aus oben genannten Gründen sollten Sie niemals auf einen alternativen Text verzichten.

Dieser Beitrag stammt aus unserem kostenpflichtigen Newsletter "Webseiten professionell gestalten und programmieren", den Sie 14 Tage lang kostenlos testen können. Klicken Sie einfach hier! 

Text innerhalb eines Bereiches scrollbar machen

Durch CSS erhält eine Textbox Scrollbalken

Scrollbalken kommen immer dann zum Einsatz, wenn weniger Platz zur Darstellung von Inhalt vorhanden ist, als benötigt wird. Um in einer HTML-Datei einen langen Text innerhalb eines fest dimensionierten Bereichs darstellen zu können, kann ein div-Element mit Scrollbalken ausgestattet werden. Das folgende Stück Quelltext ergibt einen 100x100 Pixel großen Bereich, dessen Inhalt gescrollt werden kann. Ein vertikaler Scrollbalken wird durch die CSS-Eigenschaft overflow: auto angezeigt, allerdings nur dann, wenn er wirklich benötigt wird.

<div style="width: 100px; height: 100px; overflow: auto">
  Text, der gescrollt werden kann, falls er mehr Platz braucht als 100x100 Pixel.
</div>