Webtechnik Profitipps PC-Magazin 09-2010

Webtechnik Profitipps. Wann immer Sie zusammenhängende Informationen in einem gemeinsamen Anzeigeblock auf Ihrer Webseite darstellen wollen, bietet sich in der Webtechnik der Einsatz des HTML-Elements DIV an. Diese Bereiche kann man separat behandeln, formatieren und auch sehr exakt positionieren. Ein idealer Einsatz für DIV-Elemente sind mehrspaltige Auflistungen und strukturierte Textblöcke. Gegenüber einem klassischen Tabellen-Objekt haben die DIVs den großen Vorteil, dass Sie diese völlig frei auf der Webseite platzieren und durch eine Vielzahl an Formatierungsobjekten gestalten können. Die freie Positionierung erreichen Sie über das Style-Element float. Hierbei legen die verfügbaren Parameterwerte right, left, none die Positionsseite des Elementes und die Richtung des Textumflusses um dieses herum fest. Kombinieren Sie dieses Element nun mit anderen Elementen auf der Webseite, dann ist die korrekte Umflussrichtung um diese DIV-Elemente durchaus wichtig und strikt zu beachten.

Setzen Sie in der Webtechnik nun zusätzlich noch den Parameter width ein, so können Sie den prozentualen Größenanteil des Floatbereiches festlegen und damit zum Beispiel Spaltentrenner erzeugen. Legen Sie beispielsweise zwei gegenüberliegende DIV-Bereiche an, die floaten und eine Breite von 45 Prozent besitzen, so wird automatisch ein Spaltenzwischenraum von 10 Prozent der Seitenbreite erzeugt. Verwenden Sie den Parameter clear:, um den Textfluss zu unterbrechen und zur normalen Formatierung zurückzukehren. Das Beispiel finden Sie auf der Heft-DVD unter floatdivs.html.

Den vollständigen Fachbeitrag finden Sie bei unserem Kunden (#KID-026) unter der folgenden Webadresse: (#KID-026-L).

[#Info: Sie sehen hier keinen Kundennamen und Kunden-URL? Nehmen Sie einfach Kontakt mit uns auf, um sich hier mit Ihrem Unternehmennamen und der vollständigen Themen-URL eintragen zu lassen. #Info]

Benötigen Sie einen fachlich hochwertigen, uniquen und SEO-optimierten Text zu diesem oder einen ähnlichen Themenbereich? Gerne erstellen wir für Sie ansprechende Fachtexte, aktuelle Themenbeitrage oder produktorientierte Testberichte. Sie brauchen eBooks oder komplette Manuskripte nach Ihren speziellen Vorgaben? Klicken Sie hier für eine unverbindliche Anfrage.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.