Seite 1 von 1
Platzierung 2er ungefähr gleichgroßer Grafiken nebeneinander
Verfasst: 17.11.2005 20:27
von 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
Verfasst: 17.11.2005 20:37
von 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>
Verfasst: 17.11.2005 20:39
von 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
Verfasst: 20.11.2005 11:53
von 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
Verfasst: 20.11.2005 12:17
von 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
Verfasst: 20.11.2005 12:18
von wartek
<td align="
left" valign="middle"><img src="bild1"></td>
<td align="
right" valign="middle"><img src="bild2"></td>
wartek
Verfasst: 20.11.2005 12:37
von 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
Verfasst: 20.11.2005 13:23
von wartek
Verfasst: 20.11.2005 19:29
von Chris66
Alles klar, es funktioniert.
Noch einmal Danke für Deine Hilfe
Gruß
Christian
