Die Bilder fliessen sonst zu sehr in den Text.

2 files changed, 38 insertions, 14 deletions

diff --git a/Howtos/bilder-ins-wiki/index.mdwn b/Howtos/bilder-ins-wiki/index.mdwn
index de79f732..53e16f9a 100644
--- a/Howtos/bilder-ins-wiki/index.mdwn
+++ b/Howtos/bilder-ins-wiki/index.mdwn
@@ -1,44 +1,64 @@
 [[!meta title="Bilder ins Wiki hochladen"]]
 
-Um Bilder auf eine Wikiseite einzufügen, muss man zuerst einmal die Seite bearbeiten:
+Um Bilder auf eine Wikiseite einzufügen, muss man zuerst einmal die Seite
+bearbeiten:
 
-[[!img 1_edit.png align="left" size="" alt="Edit clicken um die Seite zu bearbeiten"]]
+[[!img 1_edit.png align="left" link=no alt="Edit clicken um die Seite zu bearbeiten" class="imgwithborder"]]
 
 <br clear="all"/>
 
-Anschliessend muss man auf «Attachments» klicken, da man ein Bild anhängen will:
+Anschliessend muss man auf «Attachments» klicken, da man ein Bild anhängen
+will:
 
-[[!img 2_attachments.png align="left" size="" alt="Attachments ermöglicht es, Daten an die Wikiseite anzuhängen"]]
+[[!img 2_attachments.png align="left" link=no alt="Attachments ermöglicht es, Daten an die Wikiseite anzuhängen" class="imgwithborder"]]
 
 <br clear="all"/>
 
-Nun kann man mittels «Choose File» eine Datei auswählen, die man hochladen will:
+Nun kann man mittels «Choose File» eine Datei auswählen, die man hochladen
+will:
 
-[[!img 3_Choose_File.png align="left" size="" alt="Choose File ermöglicht es, Dateien zum Hochladen auszuwählen"]]
+[[!img 3_Choose_File.png align="left" link=no alt="Choose File ermöglicht es, Dateien zum Hochladen auszuwählen" class="imgwithborder"]]
 
 <br clear="all"/>
 
-Nun ist das Bild hochgeladen, aber noch nicht in die Wikiseite eingebunden. Leider zeigt Ikiwiki hier einen Fehler an, das Hochladen hat jedoch dennoch funktioniert.
+Nun ist das Bild hochgeladen, aber noch nicht in die Wikiseite eingebunden.
+Leider zeigt Ikiwiki hier einen Fehler an, das Hochladen hat jedoch dennoch
+funktioniert.
 
-[[!img 4_uploaded.png align="left" size="" alt="Das Bild ist hochgeladen, auch wenn ikiwiki anderes behauptet"]]
+[[!img 4_uploaded.png align="left" link=no alt="Das Bild ist hochgeladen, auch wenn ikiwiki anderes behauptet" class="imgwithborder"]]
 
 <br clear="all"/>
 
-Dies lässt sich nun einige Male wiederholen, bis man alle gewünschten Bilder hochgeladen hat. Dann kann man Links zu allen Bildern in die Wikiseite einfügen:
+Dies lässt sich nun einige Male wiederholen, bis man alle gewünschten Bilder
+hochgeladen hat. Dann kann man Links zu allen Bildern in die Wikiseite
+einfügen:
 
-[[!img 5_insert_links.png align="left" size="" alt="Links zu allen Bildern vorhanden"]]
+[[!img 5_insert_links.png align="left" link=no alt="Links zu allen Bildern vorhanden" class="imgwithborder"]]
 
 <br clear="all"/>
 
-Da nicht alle Menschen in der Lage sind, Bilder anzusehen (Blinde, etc.), füllt man nun noch einen beschreibenden Text in die alt-Sektion ein. Man kann auch noch eine Grösse eintragen, wenn das Bild in der Wikiseite kleiner angezeigt werden soll und nur durch Klick in ganzer Grösse angezeigt werden. Eine vollständige Liste von allem, was man als Parameter angeben kann, befindet sich in [der Dokumentation zur img-Direktive](http://ikiwiki.info/ikiwiki/directive/img/) im [ikiwiki-Wiki](http://ikiwiki.info/). Damit die Bilder nicht wild in der gegend herumfloaten kann man hinter jedem Bild ein &lt;br clear="all"/&gt; einfügen. 
+Da nicht alle Menschen in der Lage sind, Bilder anzusehen (Blinde, etc.), füllt
+man nun noch einen beschreibenden Text in die alt-Sektion ein. Man kann auch
+noch eine Grösse eintragen, wenn das Bild in der Wikiseite kleiner angezeigt
+werden soll und nur durch Klick in ganzer Grösse angezeigt werden. Eine
+vollständige Liste von allem, was man als Parameter angeben kann, befindet sich
+in
+[der Dokumentation zur img-Direktive](http://ikiwiki.info/ikiwiki/directive/img/) im
+[ikiwiki-Wiki](http://ikiwiki.info/).
 
-[[!img 6_alt_eintragen.png align="left" size="" alt="Blinde Menschen benötigen ausgefüllte alt-Felder"]]
+Sollen die Bilder nicht mitten im Text stehen, sondern soll der Folgetext erst
+unter dem Bild weiter laufen, so kann man hinter jedem Bild ein
+&lt;br clear="all"/&gt; einfügen.
+
+[[!img 6_alt_eintragen.png align="left" link=no alt="Blinde Menschen benötigen ausgefüllte alt-Felder" class="imgwithborder"]]
 
 <br clear="all"/>
 
-Nun gibt man den restlichen Seitentext ein, füllt wie gewohnt die Beschreibung der Änderung aus (z.B. «Howto-Seite zum Hochladen von Bildern ins Wiki verfasst») und klickt auf «Save Page».
+Nun gibt man den restlichen Seitentext ein, füllt wie gewohnt die Beschreibung
+der Änderung aus (z.B. «Howto-Seite zum Hochladen von Bildern ins Wiki
+verfasst») und klickt auf «Save Page».
 
-[[!img 7_description_save.png align="left" size="" alt="Beschreibung der Änderung ausfüllen und «Save Page» klicken"]]
+[[!img 7_description_save.png align="left" link=no alt="Beschreibung der Änderung ausfüllen und «Save Page» klicken" class="imgwithborder"]]
 
 <br clear="all"/>
 
diff --git a/local.css b/local.css
index d1df3414..0ef866ed 100755
--- a/local.css
+++ b/local.css
@@ -109,3 +109,7 @@ td
     vertical-align:top;
 }
 
+img.imgwithborder
+{
+    border: 1px solid #3e5f81;
+}