nicht angemeldet
Bilder nicht mit Tabellen nebst Text positionieren
Hallo.
Mein aktueller Code, um ein Bild links vom Text zu positionieren, ist folgender:
<table><tr><td><a href="link.html"><img src="bild.jpg"></a></td><td width="2"></td><td valign="top"><p>Hier steht dann irgend ein sinnvoller Text....</p></td></tr></table>
Ich habe schon im SelfHTML geschaut, ob es andere Möglichkeiten gibt; und ja, es gibt welche, jedoch verursachen die im IE immer ein völlig anderes Gesamtaussehen der Elemente als im Opera. Deshalb die Frage an Euch: Wie umgehe ich die Tabellenkonstruktion so, dass die neue Variante auch noch Viel-Browserkompatibel ist?
Mit freundlichen Grüßen,
Jan.
-
Hallo,
»» Hallo.
Mein aktueller Code, um ein Bild links vom Text zu positionieren, ist folgender:
<table><tr><td><a href="link.html"><img src="bild.jpg"></a></td><td width="2"></td><td valign="top"><p>Hier steht dann irgend ein sinnvoller Text....</p></td></tr></table>
Ich habe schon im SelfHTML geschaut, ob es andere Möglichkeiten gibt; und ja, es gibt welche, jedoch verursachen die im IE immer ein völlig anderes Gesamtaussehen der Elemente als im Opera.
Welche möglichkeiten hast du denn da getesetet?
Deshalb die Frage an Euch: Wie umgehe ich die Tabellenkonstruktion so, dass die neue Variante auch noch Viel-Browserkompatibel ist?
eine möglichkeit wäre in den <img> tag eine ausrichtung hineinzuschreiben (align="") so wird das bild vom text umflossen.
eine andere möglichkeit (mit css) wäre bild und text als blockelemente zu definieren (display:block) und diese dann mit hilfe der angabe float:...; nebeneiander anzuordnen.
Gruss, Jan aus Dresden
-
Hallo nochmal,
<a href="link.html"><img align="top" src="bild.jpg"></a> Hier kommt bald ein sinnvoller Text hin....
So habe ich es nun gemacht, erst scheint auch alles zu klappen, doch wird leider nur der erste Teil bis zum Zeilenumbruch rechts der Grafik positioniert und der gesamte Rest unterhalb dieser, obwohl rechts noch genug Platz wäre.
Was mach ich falsch?
Mfg, Jan aus Dresden.
-
Hallo,
<a href="link.html"><img align="top" src="bild.jpg"></a> Hier kommt bald ein sinnvoller Text hin....
<img align="left" src="bild.jpg"> Hier kommt bald Text
so wird das bild vom text umflossen wie du es willst.
da ist aber noch der link, da weis ich jetzt nicht ob das von bedeutung ist, probier mal "left".ansonsten ginge noch das:
<div style="float:left"><a href="link.html"><img align="top" src="bild.jpg"></a></div>
<div>text text text text</div>und noch ein wenig margin und padding.
Mfg, Jan aus Dresden.
Gruss, Jan aus Ullersdorf bei Dresden
-
So habe ich es nun gemacht, erst scheint auch alles zu klappen, doch wird leider nur der erste Teil bis zum Zeilenumbruch rechts der Grafik positioniert und der gesamte Rest unterhalb dieser, obwohl rechts noch genug Platz wäre.
Du hast den Zeilenumbruch vermutlich mit <br> erzeugt. Danach wird unterhalb des Bildes fortgesetzt. Sollte eigentlich nicht sofort, passiert aber hin und wieder. Pack deinen Text in <p>-Absätze, und gut is'.
Johan
(wer's besser weiß, nur zu!)
-
-