Share |
World time
Sarah Jordan Photograhy
Sarah Jordan Photograhy
Sarah Jordan, Autorenseite
Sarah Jordan, Autorenseite
Sarah Jordan Story
Sarah Jordan Story
Homepage erstellen
Tutorial Bilder in Tabellen
Tutorial Bilder in Tabellen

Tutorial Bilder in Tabellen

An dieser Stelle möchte ich eine schnelle und einfache Möglichkeit-wie ich persönlich finde- aufzeigen, um Bilder in Tabellen zu setzen.

 

Zuerst legt man mit dem Tabellenmodul eine Tabelle an. Die dann angezeigte Mustertabelle ist für diesen Zweck zum Anfang völlig ausreichend.

 

Name Vorname Telefon
Max Muster 12345-12345
Minni Maus 0123-12345

 

Jetzt geht man der Einfachheit halber hin und ändert die Zellinhalte (ist kein Muss) mit anderen Bezeichnungen.

 

Bild 1
Bild 2
Bild 3
Bild 4
Bild5 Bild 6
Text1 Text 2
Text 3

 

Im nächsten Schritt wechseln wir mit Klick auf den HTML Button ins Html Fenster der Tabelle.

 

Dort sieht es dann folgendermaßen aus:

 

<table border="0" cellspacing="0" cellpadding="3">
<tbody>
<tr>
<td><strong>Bild 1<br /></strong></td>
<td><strong>Bild 2<br /></strong></td>
<td><strong>Bild 3<br /></strong></td>
</tr>
<tr>
<td><img src="Bild Url hier einfügen Wichtig! Bildadresse immer im Ansichtmodus kopieren" alt="Testbild 1" width="300" height="240"/><br /></td>
<td>Bild5</td>
<td>Bild 6<br /></td>
</tr>
<tr>
<td>Text1</td>
<td>Text 2<br /></td>
<td>Text 3<br /></td>
</tr>
</tbody>
</table>

 

Nun braucht man nur den entsprechenden Html Tag für die Bilder an den rot markierten Stellen einzufügen, also Bild 1 sozusagen mit dem Html Tag austauschen. Dieses sind nur die Platzhalter um die richtigen Stellen zu finden.

 

Der Html Tag sieht folgendermaßen aus:

 

<img src="Bild Url hier einfügen Wichtig! Bildadresse immer im Ansichtmodus kopieren" alt="Testbild 1" width="300" height="240"/>

 

Tipp: Die Bilder lassen auch noch weitere Formatierungen zu, wie z.B. einen Rahmen. Wie diese Html Tags aussehen können, kann man auch an dieser Stelle nachschauen.

 

Hier ein Beispiel:

<img style="border: solid 3px #abcdef;" src="Bild Url hier einfügen Wichtig! Bildadresse immer im Ansichtmodus kopieren" alt="Testbild 1" width="300" height="240"/>

 

Die Bilder lädt man zuvor auf eine versteckte Seite seiner Jimdo Page. Wenn man einen eigenen Webspace wie z.B. von Lima City (kostenlos) besitzt, so kann man die Bilder auch dort hochladen und die entsprechenden Bild Url in den Html Tag einfügen.

 

Wenn die entsprechenden Bilder auf der versteckten Seite angelegt  sind, so wechselt man in den Ansichtmodus und kopiert mit Klick per rechter Maustaste auf das jeweilige Bild, die Url/Bildadresse des jeweiligen Bildes und fügt diese zuvor in z.B. den Windows Editor ein- so hat man sie alle sofort greifbar. Im nächsten Schritt fügt man dann alle Links bzw. die Html Tags an den benannten Stellen ein.

 

Will man einem oder mehreren Bildern einen Link hinzufügen, so kann der enstsprechenden Html Tag wie folgt aussehen:

 

<a href="Url der aufzurufenden Seite hier eintragen/" target="_self"><img src="Bild Url hier einfügen Wichtig! Bildadresse immer im Ansichtmodus kopieren" alt="Testbild 2" width="200" height="160" />

 

Natürlich kann man in andere Zellen der Tabelle auch Text einfügen. Die einzelnen Zellen und Zeilen der Tabelle kann man konfigurieren. Hier sei am Rande nur mal die horizontale und vertikale Ausrichtung genannt. Dazu in die entsprechende Zelle klicken und den Reiter Eigenschaften Zelle/Zeile anklicken uind entsprechende Einstellungen vornehmen.

 

Hinweise und Tipps:

 

Bei Arbeiten mit der Tabelle sollte man darauf achten, den Cursor in die entsprechende Zelle der Tabelle zu setzen und nicht mit der Tabulator-TasteBitte die Tabulator Taste nicht zum springen in dieser Tabelle benutzen versuchen in die nächste Zelle zu springen. Könnte unerwünschte Effekte auslösen.

 

Will man TexteBitte Texte aus Word und Co. nicht direkt in die Jimdo Module einfügen. Diese zuerst in z.B. den Windows Editor einfügen und von dort kopieren und dann erst in Jimdo Module einfügen aus Word oder ähnlichen Programmen in Tabellen oder Textmodule einfügen, so sollte man diese zuerst in den z.B. Windows Editor einfügen, und von dort kopieren und danach erst in die Tabelle/Textmodul einfügen. Word hat Hintergrundformatierungen die zu unschönen Effekten in den Tabellen oder Textmodulen führen können.

 

Bilder in Tabellen, in Kombination mit Bild im Text, sowie verlinkte Bilder

Testbild 1 Testbild 2 Testbild 4
Eine wunderbare Heiterkeit hat meine ganze Seele eingenommen, gleich den süßen Frühlingsmorgen, die ich mit ganzem Herzen genieße. Ich bin allein und freue mich meines Lebens in dieser Gegend, die für solche Seelen geschaffen ist wie die meine.
Ich bin so glücklich, mein Bester, so ganz in dem Gefühle von ruhigem Dasein versunken, daß meine Kunst darunter leidet. Ich könnte jetzt nicht zeichnen, nicht einen Strich, und bin nie ein größerer Maler gewesen als in diesen Augenblicken. Wenn das liebe Tal um mich dampft, und die hohe Sonne an der Oberfläche der undurchdringlichen Finsternis meines Waldes ruht, und nur einzelne
Jemand musste Josef K. verleumdet haben, denn ohne dass er etwas Böses getan hätte, wurde er eines Morgens verhaftet. »Wie ein Hund! « sagte er, es war, als sollte die Scham ihn überleben.
Als Gregor Samsa eines Morgens aus unruhigen Träumen erwachte, fand er sich in seinem Bett zu einem ungeheueren Ungeziefer verwandelt. Und es war ihnen wie eine Bestätigung ihrer neuen Träume und guten Absichten, als am Ziele ihrer Fahrt die Tochter als erste sich erhob und ihren jungen Körper dehnte. »Es ist ein eigentümlicher Apparat«, sagte der Offizier zu dem Forschungsreisenden und überblickte mit einem gewissermaßen bewundernden Blick den
Eine wunderbare Heiterkeit hat meine ganze Seele eingenommen, gleich den süßen Frühlingsmorgen, die ich mit ganzem Herzen genieße. Ich bin allein und freue mich meines Lebens in dieser Gegend, die für solche Seelen geschaffen ist wie die meine.
Testbild 5 Ich bin so glücklich, mein Bester, so ganz in dem Gefühle von ruhigem Dasein versunken, daß meine Kunst darunter leidet. Ich könnte jetzt nicht zeichnen, nicht einen Strich, und bin nie ein größerer Maler gewesen als in diesen Augenblicken. Wenn das liebe Tal um mich dampft, und die hohe Sonne an der Oberfläche der undurchdringlichen Finsternis meines Waldes ruht, und nur einzelne
Bilder in Tabelle bild 6
Testbild 3 Kombination von Bildern in Tabelle und Text