In Zeiten von komplexen CMS- und Blogsystemen ist es nicht mehr nötig HTML selbst zu programmieren. Es ist aber natürlich hilfreich, wenn man selbst etwas ändern kann. In der Grundeinstellung sind Bilder oft vernachlässigt. Mit etwas Grundwissen und etwas HTML kann man Bilder und Grafiken optimal einbinden. Der Grundbefehl für Bilder lautet
<img src="text.gif" width="311" height="194" />
Dann beginnt allerdings der Text unten am Bildrand, und ist ganz dicht am Bild. Das schaut nicht besonders schön und auch nicht professionell aus. Ansprechender ist es einen kleinen Abstand zum Bild zu lassen. Zudem sollte der Text in der selben Höhe wie das Bild beginnen. Hierfür fügen Sie die folgende Anweisung in den Bild-Befehl ein:
style="margin: 0px 5px 5px 0px; float: left;border:0;"
Nun hat der Text einen Abstand von 5 Pixeln und fängt am Bildrand an zu fließen. Diesen Textschnipsel können Sie in jedes Bild einfügen der passt fast immer. Damit Sie ihn auch selbst anpassen können ist hier die Erläuterung: margin ist der Abstand, in der REihenfolge wird der Abstand vom Bild nach oben, rechts, unten und links notiert. Also hier Abstand nach rechts und nach unten 5 Pixel. Float: left bedeutet, dass das Bild links steht und der Text es rechts umfließt. Die Border-Anweisung verhindert, dass, wenn Sie das Bild verlinken, ein unschöner Rand um das Bild gelegt wird.
Text unter der Grafik
Möchten Sie dass der Text nicht neben der Grafik beginnt, weil diese zu breit ist, sondern komplett in der nächsten Zeile, dann notieren Sie folgendes nach dem Grafik-Befehl: <br clear=”all”>
Schlagwörter: Bildbearbeitung, HTML, Webdesign
Diese Artikel könnten Sie interessieren:
3D-Bilder mit Photosynth – jetzt mit AppAuf der Website Photosynth aus Hause Microsoft können Sie coole 3D-Bilder ansehen und auch selbst erzeugen. Alles was Sie dafür brauchen sind mehrere Bilder von [...]
Google Webmaster Tools – Infos für ProfisDie Google Webmaster Tools zeigen Ihnen wie Sie Ihre Website optimieren, und die Zugriffszahlen steigern können. Sie geben Ihnen wichtige SEO-Infos zu Ihren Suchbegriffen, und [...]
WordPress Plugin – Image Size OptimizerDer WordPress Bilderupload hat gleich mehrere Funktionen. Zum einen läd er das Bild auf den Server. Weiterhin fertigt er beim Upload von Bildern gleich mehrere [...]
WordPress Bilder optimieren – Bilderupload anpassenDer Bilderupload mit WordPress in der Mediathek ist praktisch, komprimiert die Bilder aber nur sehr schlecht. WordPress läd Bilder auf den Server, und verkleinert sie [...]
ImLabDass es gute Bildbearbeitungstools jenseits von Photoshop gibt beweist das Tool ImLab. Es bietet bei Weitem nicht nur die Standardfunktionen mit denen man die Größe, [...]
swa: Natürlich ist es sinnvoll den Speicher aufzurüsten. Dass es Geräte gibt bei denen das nicht geht ...
Timo: Ich tippe auch darauf das sich alle damit vertun!, denn eben habe ich auch die Klappe auf der Rücks ...
Metehan: Im Internet kursieren so viele Meinungen, man solle bei dem Gerät den Speicher auf 2 GB aufrüsten. ...
FibreFoX: Das ist ein toller Hinweis, um die Performance ein wenig zu optimieren, allerdings hat diese Optimie ...
Siggi: das ist ein tolles teil. leider bekomme ich diese eingabefeld-typen nicht richtig hin. ich möchte z ...
interdoc: So etwas suche ich schon lange, da ich mich nicht an die .htaccess heran wage.
Christian: Mag schon günstig sein, aber ob mit den Komponenten wirklich jemand etwas anfangen kann ist die and ...
Unter Social Media fallen so bekannte Dienste wie Facebook und Twitter. Ohne Kenntnisse von HTML kann jeder Inhalte veröffentlichen und mit Freunden networken.
Der Firefox ist der beliebteste Browser. Für ihn, aber auch für Google Chrome, gibt es eine Menge an Addons/Erweiterungen.
Fast jeder nutzt Windows. Mit den richtigen Tricks und Kniffen kann man sein System optimieren und beschleunigen.
Die Schwächen von Notebooks und Netbooks sind meist versteckt. Das gilt auch für PCs und Tablet-PCs.
Was meinen Sie dazu?