Für das Format des Videos haben sich zurzeit 2 verschiedene Formate herauskristallisiert. Einerseits das Format Ogg Theora (OGG) und auf der anderen Seite MP4 (H.264). Warum 2 verschiedene Formate? Das liegt an Patente und rechtliche Einschränkungen, die mit dem Format H.264 (MP4) zusammenhängen – dagegen punktet das Ogg Theora (OGG) Format als Open Source. In dem HTML-Befehl <video> können beide Dateien eingebunden werden: Damit die Sache nicht zu einfach wird, die verschiedene Browser unterstützen je nach Hersteller nur das eine oder andere Format (genau aus diesen lizenzrechtlichen Gründen). <video autoplay controls>   <source ... mehr

Eine einfache horizontale Drop-Down-Navigation per CSS wurde in den nachfolgenden XHTML- und CSS-Auszügen umgesetzt. Die Code-Auszüge können direkt in eine XHTML- und in eine CSS-Datei übernommen werden.   XHTML-Aufbau des Menüs Das gesamte Menü befindet sich in einen <div>-Container und muss die id="menue" tragen. Im <div>-Container befinden sich die einzelnen "Menüblöcke" als <ul>. Jeder Menüblock enthält ein Listenelement <li> in dem die "Überschrift" (<h1> und <span>) des Menüs und (ggf) das Submenü als weitere <ul>. Die Listelemente <li> der Submenü (< ... mehr

Immer dann, wenn mehrere Anker (<a>...</a>) nacheinander folgen, sollten diese als "Liste" (<ul>) aufgebaut werden (Barrierefreiheit). Nachfolgend ein kleines Beispiel für ein horizontales (oder vertikales) Menü mit einer <ul> und dem dazu gehörigen per CSS.   XHTML <ul class="menue">   <li><a href="#">HOME</a></li>   <li><a href="#">PARTNERS</a></li>   <li><a href="#">NEWSLETTER</a></li>   <li><a href="#">CONTACT</a></li> </ul>   CSS .menue {   margin: 0;   &nbs ... mehr

Notepad++ ist ein freier Texteditor für Windows und kompatible Betriebssysteme. Neben einfachen Textdateien können auch Quelltexte bearbeitet werden. Das Projekt basiert auf Scintilla, ist in der Programmiersprache C++ geschrieben und unter der GPL lizenziert. Notepad++ beherrscht Syntaxhervorhebung für ca 46 Programmier- und Auszeichnungs-Sprachen, ohne das Plugins erforderlich sind. Notepad++ ist damit der ideale Texteditor für (X)HTML und CSS. Offizielle Website und Download: http://notepad-plus-plus.org/   Funktionen Notepad++ stellt eine Schnittstelle für Plugins zur Verfügung, über die das Programm um zusätzliche Funktionen erweitert ... mehr

(Kleine) Grafiken und einen Text möglichst "mittig" in einer Zeile auszugeben, ist immer wieder ein "Problem". Die (veraltete) Form mit align="absmiddle" kann mit dem nacfolgenden Code ersetzt werden: <p>    Das ist ein Text    <img style="vertical-align: middle; margin-bottom: .25em;" src="bild.gif" />     mit einer Grafik in der Zeile. </p>   Beispiel Das ist ein Text mit einer Grafik (ohne margin-bottom: .25em) in der Zeile. Das ist ein Text mit einer Grafik (mit margin-bottom: .25em) in der Zeile.