Meine Banner im html-Format erstellen?

[Mausebiber]

Das stimmt natürlich, nur zur Klarstellung was Attila meint hier ein Beispiel mit Höhe 250 statt 150:

 

 

Jedes Bild hat ein Seitenverhältnis Breite zu Höhe das man beachten sollte.  Aber wie man oben sieht, geht es auch so, sieht dann etwas "schräg" aus, aber alle in der Reihe sind gleich, so wie gewünscht.

 

Besser:  Bilder vorsortieren, alle mit in etwa dem gleichen Seitenverhältnis in eine Reihe, in die nächste Reihe eben Bilder mit einem anderen Seitenverhältnis die zusammen passen.

[Mausebiber]

Um zur nächsten Reihe zu kommen, einfach eine weitere Tablereihe <tr>....</tr> einführen, sieht also so aus, wobei z.B. die erste Reihe die Höhe 150 hat, die zweite eine Höhe von 250.  Einfach in der zweiten Reihe auch neue Bilder einsetzen, also für "https://s3.amazonaws.com/gs-geo-images/ea8cd90a-6441-4d38-952a-10ff797a52f9_l.png" eben das neue Bild.

 

<table border="0" cellspacing="0" cellpadding="3">
<tbody>
<tr>
<td><img src="https://s3.amazonaws.com/gs-geo-images/ea8cd90a-6441-4d38-952a-10ff797a52f9_l.png" width="300" height="150"/></td>
<td><img src="https://s3.amazonaws.com/gs-geo-images/fd1632a2-5970-4e68-aa5b-717f68cd4cb6.jpg" width="300" height="150"/></td>
<td><img src="https://s3.amazonaws.com/gs-geo-images/2765a4cb-97a6-42ca-b83f-46957a74d2d8_l.jpg" width="300" height="150"/></td>
</tr>
<tr>
<td><img src="https://s3.amazonaws.com/gs-geo-images/ea8cd90a-6441-4d38-952a-10ff797a52f9_l.png" width="300" height="250"/></td>
<td><img src="https://s3.amazonaws.com/gs-geo-images/fd1632a2-5970-4e68-aa5b-717f68cd4cb6.jpg" width="300" height="250"/></td>
<td><img src="https://s3.amazonaws.com/gs-geo-images/2765a4cb-97a6-42ca-b83f-46957a74d2d8_l.jpg" width="300" height="250"/></td>
</tr>
</tbody>
</table>

 

Sieht dann so aus:

 

[Ditli]

vor 19 Minuten schrieb Mausebiber:

Das stimmt natürlich, nur zur Klarstellung was Attila meint hier ein Beispiel mit Höhe 250 statt 150:

 

 

Jedes Bild hat ein Seitenverhältnis Breite zu Höhe das man beachten sollte.  Aber wie man oben sieht, geht es auch so, sieht dann etwas "schräg" aus, aber alle in der Reihe sind gleich, so wie gewünscht.

 

Besser:  Bilder vorsortieren, alle mit in etwa dem gleichen Seitenverhältnis in eine Reihe, in die nächste Reihe eben Bilder mit einem anderen Seitenverhältnis die zusammen passen.

Ich denke, dass ich dies so machen würde.

 

[Ditli]

vor 12 Minuten schrieb Mausebiber:

Um zur nächsten Reihe zu kommen, einfach eine weitere Tablereihe <tr>....</tr> einführen, sieht also so aus, wobei z.B. die erste Reihe die Höhe 150 hat, die zweite eine Höhe von 250.  Einfach in der zweiten Reihe auch neue Bilder einsetzen, also für "https://s3.amazonaws.com/gs-geo-images/ea8cd90a-6441-4d38-952a-10ff797a52f9_l.png" eben das neue Bild.

 

<table border="0" cellspacing="0" cellpadding="3">
<tbody>
<tr>
<td><img src="https://s3.amazonaws.com/gs-geo-images/ea8cd90a-6441-4d38-952a-10ff797a52f9_l.png" width="300" height="150"/></td>
<td><img src="https://s3.amazonaws.com/gs-geo-images/fd1632a2-5970-4e68-aa5b-717f68cd4cb6.jpg" width="300" height="150"/></td>
<td><img src="https://s3.amazonaws.com/gs-geo-images/2765a4cb-97a6-42ca-b83f-46957a74d2d8_l.jpg" width="300" height="150"/></td>
</tr>
<tr>
<td><img src="https://s3.amazonaws.com/gs-geo-images/ea8cd90a-6441-4d38-952a-10ff797a52f9_l.png" width="300" height="250"/></td>
<td><img src="https://s3.amazonaws.com/gs-geo-images/fd1632a2-5970-4e68-aa5b-717f68cd4cb6.jpg" width="300" height="250"/></td>
<td><img src="https://s3.amazonaws.com/gs-geo-images/2765a4cb-97a6-42ca-b83f-46957a74d2d8_l.jpg" width="300" height="250"/></td>
</tr>
</tbody>
</table>

 

Sieht dann so aus:

 

Also wenn das mein Code ist für den Banner, dann kopiere ich denn ganzen so wie er hier steht dazwischen rein?

<a href="http://coord.info/GC81BX5" target="_blank"><img height="272" src="https://s3.amazonaws.com/gs-geo-images/2765a4cb-97a6-42ca-b83f-46957a74d2d8_l.jpg" width="700" height="auto" ></a>

[Mausebiber]

Schau mal, das eigentliche Bild ist: <img src="https://s3.amazonaws.com/gs-geo-images/2765a4cb-97a6-42ca-b83f-46957a74d2d8_l.jpg"

Die Bildbreite und Höhe wird anschlie0end definiert: width="300" height="250"/>

 

<td><img src="https://s3.amazonaws.com/gs-geo-images/2765a4cb-97a6-42ca-b83f-46957a74d2d8_l.jpg" width="300" height="250"/></td>

 

Den Link von dem Banner werden wir mal analysieren:

<a href="http://coord.info/GC81BX5" target="_blank"><img height="272" src="https://s3.amazonaws.com/gs-geo-images/2765a4cb-97a6-42ca-b83f-46957a74d2d8_l.jpg" width="700" height="auto" ></a>

 

Also brauchst du auch hier das Bild: <img height="272" src="https://s3.amazonaws.com/gs-geo-images/2765a4cb-97a6-42ca-b83f-46957a74d2d8_l.jpg" wobei man die Höhe heraus löschen kann, da du ja deine eigene Höhe willst, also bleibt:

<img src="https://s3.amazonaws.com/gs-geo-images/2765a4cb-97a6-42ca-b83f-46957a74d2d8_l.jpg"

Damit haben wir schon mal das Bild.

Aus width="700" height="auto aus dem Banner wird: width="300" height="250" oder was immer du für eine Höhe einsetzen willst.

 

Damit hätten wir also so weit:  <td><img src="https://s3.amazonaws.com/gs-geo-images/2765a4cb-97a6-42ca-b83f-46957a74d2d8_l.jpg" width="300" height="250"/></td>

 

Nun steht da noch was von <a href="http://coord.info/GC81BX5" target="_blank"> und ganz am Ende </a>  Das bedeutet, man kann das Bild anklicken kann und wird auf die Adresse http://coord.info/GC81BX5 weiter geleitet.  Wenn du also willst, dass man die Bilder nicht nur ansehen kann, sondern auch noch anklicken kann, dann das einfach in die Zeile einfügen.  Es ergibt sich also:

<td><a href="http://coord.info/GC81BX5" target="_blank"><img src="https://s3.amazonaws.com/gs-geo-images/2765a4cb-97a6-42ca-b83f-46957a74d2d8_l.jpg" width="300" height="250"/></a></td>

 

So, jetzt kannst du diese Zeile mit dem Link vom Banner vergleichen dann wirst du feststellen, dass sie fast gleich sind, einzig die Breite und Höhe selbst festlegen und schon sollte es klappen.

 

 

 

[Mausebiber]

Weil ich das gerade hier sehe, ein Tipp zu den Bilder hier bei Groundspeak.

 

Oft sieht man folgendes:

Zitat

https://s3.amazonaws.com/gs-geo-images/2765a4cb-97a6-42ca-b83f-46957a74d2d8_l.jpg

 

wenn man am Ende des Links das _l löscht, wird das Bild größer dargestellt

Zitat

https://s3.amazonaws.com/gs-geo-images/2765a4cb-97a6-42ca-b83f-46957a74d2d8.jpg

 

[Mausebiber]

Hallo Ditli,

du hast mail