04.11.2013 Aufrufe

Joomla kompakt - Brain-Media.de Brain-Media.de

Joomla kompakt - Brain-Media.de Brain-Media.de

Joomla kompakt - Brain-Media.de Brain-Media.de

MEHR ANZEIGEN
WENIGER ANZEIGEN

Erfolgreiche ePaper selbst erstellen

Machen Sie aus Ihren PDF Publikationen ein blätterbares Flipbook mit unserer einzigartigen Google optimierten e-Paper Software.

196 <strong>Joomla</strong>! barrierefrei<br />

Output align=“right“ anstatt einer CSS-Formatierung verwen<strong>de</strong>t wird. Um dies zu<br />

korrigieren, öffnen wir in <strong>de</strong>r Artikelansicht <strong>de</strong>n XHTMLSuite-Bil<strong>de</strong>rmanager.<br />

Die Bildbearbeitung mit Bil<strong>de</strong>rmanager.<br />

Über diesen können wir nun sowohl Title- als auch <strong>de</strong>n Alternativtext eintragen<br />

und zu<strong>de</strong>m die ungeliebte Formatierung align=“right“ gegen eine CSS-basierte<br />

Version in Form eines Inline-Styles tauschen o<strong>de</strong>r gegebenenfalls eine geson<strong>de</strong>rte<br />

CSS-Klasse für weitergehen<strong>de</strong> Formatierungen ergänzen. Für das Beispielbild<br />

ergänzen wir als Alt-Text Grafik einer Weltkugel mit umschweben<strong>de</strong>n Zahlenkolonnen<br />

und als Titel eine weitere Erläuterung Weltkugel auf grauem Grund.<br />

Zu<strong>de</strong>m könnte zusätzlich eine Langbeschreibung <strong>de</strong>s Bil<strong>de</strong>s erfolgen, in<strong>de</strong>m im<br />

Bil<strong>de</strong>rmanager die URL zu einem Textfile mit erweiterten Erläuterungen zum Bild<br />

angegeben wird. Wir verzichten jedoch zunächst darauf, da die obigen Beschreibungen<br />

für die verwen<strong>de</strong>te Grafik ausreichen. Lei<strong>de</strong>r setzt <strong>de</strong>r Editor sowohl<br />

als auch automatisch, sodass eine händische Entfernung über<br />

die HTML-Ansicht vorgenommen wer<strong>de</strong>n muss. Da wir die Formatierung unseres<br />

Bil<strong>de</strong>s über CSS erledigen, wer<strong>de</strong>n bei<strong>de</strong> Elemente nicht benötigt.<br />

Ergänzend können wir unserer Grafik eine vorher <strong>de</strong>finierte CSS-Klasse über <strong>de</strong>n<br />

Bil<strong>de</strong>rmanager zuweisen, um die gewünschte Fließeigenschaft nicht über einen<br />

Inline-Style, son<strong>de</strong>rn komplett ausgelagert zu realisieren. Wir verwen<strong>de</strong>n die Klasse<br />

bildlinks für ein <strong>de</strong>n Text links umfließen<strong>de</strong>s Bild ohne zusätzlichen Abstand.<br />

www.brain-media.<strong>de</strong>

Hurra! Ihre Datei wurde hochgeladen und ist bereit für die Veröffentlichung.

Erfolgreich gespeichert!

Leider ist etwas schief gelaufen!