Platzierung 2er ungefähr gleichgroßer Grafiken nebeneinander

[Chris66]

Hallo zusammen,

ich will 2 ungefähr gleichgroße Grafiken (eine links, die andere rechts, jeweils mit Hyperlink verknüpft) nebeneinader platzieren. Welche Befehle benutze ich hierfür am besten? Bislang rutscht mir die zweite Grafik immer eine Zeile tiefer.

Gruß
Christian

[roum]

Mit einer Tabelle könntest du das lösen.

Code: Alles auswählen

<table>
 <tr>
  <td>
   <a href="xyz.html"><img src="bild1.jpg" border="0"></a>
  </td>
  <td>
   <a href="abc.php"><img src="bild2.gif" border="0"></a>
  </td>
 </tr>
</table>

[wartek]

in einem Beitrag oder als code?

in einem code kann das ganze ale table realisiert werden.

<table>
<tr>
<td align="center" valign="middle"> Bild 1 </td>
<td align="center" valign="middle"> Bild 2 </td>
</tr>
</table>

bildet zwei Zellen (<td>) die nebeneinander stehen align und valign definieren jeweils horizontale und vertikale Ausrichtung.
<tr> ist die reihe-Def.
also wenn es unter den Bildern noch beschreibunngstexte geben sollte ist vor dem </table> folgendes einzufügen.

<tr>
<td> Text zu Bild 1 </td>
<td> Text zu Bild 2 </td>

wartek

[Chris66]

Hallo zusammen,

und Danke für Eure Hilfe. Jetzt fehlt nur noch die Ergänzung, wenn ein Bild links, das andere am rechten Bildrand platziert werden soll.

Danke

Gruß
Christian

[Markus67]

Hi ...

Code: Alles auswählen

<td> Text zu Bild 1 </td> 
<td align="right"> Text zu Bild 2 </td>

align="left" beim ersten kannst du dir sparen da es standardmäßig links ausgerichtet wird.

Markus

[wartek]

<td align="left" valign="middle"><img src="bild1"></td>
<td align="right" valign="middle"><img src="bild2"></td>

wartek

[Chris66]

Hallo wartek,

ich habe es so versucht, hat aber leider nicht geklappt.

Beide Bilder stehn links nebeneinander, s. URL:

http://www.borreliose-treffpunkt.de

Die Overhead-Footer.TPL sieht wie folgt aus (auszugsweise):

Code: Alles auswählen

<table> 
 <tr> 
  <td align="left" valign="middle"> 
<iframe width="150" height="80" scrolling="no" marginheight="0" marginwidth="0" frameborder=0 src="http://rcm-de.amazon.de/e/cm?t=borreliosetre-21&l=ez&p=35&o=3&f=ifr">
<table border='0' cellpadding='0' cellspacing='0' width='150' height='80'><tr><td><MAP NAME='boxmap35'><AREA SHAPE='RECT' COORDS='30,139,86,149' HREF='http://rcm-de.amazon.de/e/cm/privacy-policy.html?o=3' target=_top  alt='Information'><AREA COORDS='0,0,10000,10000' HREF='http://www.amazon.de/exec/obidos/redirect/302-0645981-6531236?path=tg/browse/-/301128&tag=borreliosetre-21&creative=@CCMID@&camp=@CAMPID@&link_code=@LINKCODE@' target=_top ></MAP><img src="https://ssl-images.amazon.com/images/G/03/associates/recommends/150x80.gif" width=150 height=80 border="0" usemap="#boxmap35" access=secure></td></tr></table></iframe>
</td> 
  <td align="right" valign="middle">
<iframe width="124" height="200" noresize scrolling="no" frameborder="0" marginheight="0" marginwidth="0"
src="http://www.wetter.net/cgi-bin/wetter-net/websitebox.pl?TYP=100&PIC=34&KFARBE=blau&HFARBE=white&SSATZ=0&SFKT=1"></iframe>
</td> 
 </tr> 
</table>

Danke für Hilfe

Gruß
Christian

[wartek]

test mal den Code

<table width="100%">
<tr>
<td align="left" valign="middle" width="50%">
<iframe width="150" height="80" scrolling="no" marginheight="0" marginwidth="0" frameborder=0 src="http://rcm-de.amazon.de/e/cm?t=borrelio ... &o=3&f=ifr">
<table border='0' cellpadding='0' cellspacing='0' width='150' height='80'><tr><td><MAP NAME='boxmap35'><AREA SHAPE='RECT' COORDS='30,139,86,149' HREF='http://rcm-de.amazon.de/e/cm/privacy-policy.html?o=3' target=_top alt='Information'><AREA COORDS='0,0,10000,10000' HREF='http://www.amazon.de/exec/obidos/redire ... =@LINKCODE@' target=_top ></MAP><img src="https://ssl-images.amazon.com/images/G/ ... 150x80.gif" width=150 height=80 border="0" usemap="#boxmap35" access=secure></td></tr></table></iframe>
</td>
<td align="right" valign="middle" width="50%">
<iframe width="124" height="200" noresize scrolling="no" frameborder="0" marginheight="0" marginwidth="0"
src="http://www.wetter.net/cgi-bin/wetter-ne ... "></iframe>
</td>
</tr>
</table>

wartek

[Chris66]

Alles klar, es funktioniert.

Noch einmal Danke für Deine Hilfe

Gruß
Christian