CSS bring Grafik durcheinander

[Thomas S.]

Hallo Gemeinde
ich habe folgendes Problem:

<tr>
    <td ROWSPAN="3" valign="top"><img SRC="../Bilder/akt04.jpg" height="145" width="311"></td>
    <td COLSPAN="2"><font size="-1" color="#FF0000" face="Arial"><b>Chancen zur Erneuerung -</b></Font><br><font size="-1" color="#FF0000" face="Arial"><b>Verpflichtung BESSER zu werden</b></Font><br><p style="margin:0cm 0cm 0cm 4.5cm"><font size="-1" color="#FF0000" face="Arial"><b>(K5/LK)</b></font></p><br><br>
    <p style="text-align:justify; margin-right:2cm"><font size="-1" color="#FF0000" face="Arial"><b>Text Text Text Text TextText Text Text Text TextText Text Text Text TextText Text Text Text TextText Text Text Text Text... <a
    href="Projekttext.htm"><img src="../gif/pfeil.gif" width="10" height="10" border="1" alt></a>
    mehr</b></font></p><br>
    </td>
  </tr>

Beim Netscape sieht es ganz gut aus aber beim IE kommt des Wort "mehr" (siehe am Ende vom HTML Code) vor dem img "pfeil.gif". Wie kann ich einen Blocksatz schreiben, wo zuerst das img kommt und dann das Wort "mehr". Ich kann das abschliessende </p> Tag nicht vor ziehen (vor<ahref="Projekttext.htm">...), da sonst ein Zeilenumbruch erfolgt, und dann erst das img.

Vielen Dank
Thomas S.

[Thomas J.S.]

Hallo Thomas S.! > <tr>

»»<p style="text-align:justify; margin-right:2cm"><font size="-1" color="#FF0000" face="Arial"><b>Text Text Text Text TextText Text Text Text TextText Text Text Text TextText Text Text Text TextText Text Text Text Text... <a

href="Projekttext.htm"><img src="../gif/pfeil.gif" width="10" height="10" border="1" alt></a>
    mehr</b></font></p>

nimm statt dem <p> <div>, dann richtig verschachteln:
<div><font><b></b></font><a><img><font><b></b></font></a></div>

das <img ... alt> bei dir ist wohl nur ein copy & past Fehler, oder?

Grüße
Thomas

[Thomas S.]

nimm statt dem

»»  <div>, dann richtig verschachteln:

<div><font><b></b></font><a><img><font><b></b></font></a></div>

das <img ... alt> bei dir ist wohl nur ein copy & past Fehler, oder?

Grüße
Thomas

Geht immer noch nicht. Er schreibt mir das img jetzt noch weiter hinter das Wort "mehr". Das img soll aber davor stehen

Gruß Thomas

[Boris]

Hallo Gemeinde

Hallo, Herr Pfarrer! =v)

ich habe folgendes Problem:

<...>

Beim Netscape sieht es ganz gut aus aber beim IE kommt des Wort "mehr" (siehe am Ende vom HTML Code) vor dem img "pfeil.gif". <...>

also tut mir leid, aber mein, per copy+paste durgefuehrter, Test gibt ein anderes Bild... bei mir wird _erst_ das Bild, und dann das Wort `mehr‚ angezeigt (IE 4.0). Vielleicht spinnt dein Brauser ?!

Gruss noch:

Boris

[Boris]

Ups! Sorry: ich hab nur diesen Teil mitgenommen:

<a href="Projekttext.htm"><img src="../images/buttons/pfeil_1_a.gif" width="10" height="10" border="1" alt></a>
    mehr</b></font></p><br>

da _muss_ es ja klappen...

kann ich als Ausrede anbringen, dass ich schon den ganzen Tag hier im Geschaeft bin ?

Bo*wirdwohlsolangsamalt*ris

[Thomas S.]

Lösung gefunden

ich habe jetzt eine Lsg gefunden. Nicht schön aber selten.

Der Text befindet sich in einer Tabelle und ich wende Blocksatz  auf den Text an. Auch in der letzten Zeile wird der Blocksatz angewendet. Das ist der Grund warum es mir alles auseinander zieht. Schliesse ich aber eine Zeile darüber das DIV Tag existiert in der letzten Zeile kein Blocksatz mehr und der Text wird linksbündig ausgerichtet.
Ein Problem habe ich jetzt allerdings, wenn ich die Größe der Tabellenzelle ändere, da dann der Text neu ausgerichtet wird aber damit kann ich vorerst leben.
Gruß Thomas

[Patrick]

Hallo Thomas!

Der Text befindet sich in einer Tabelle und ich wende Blocksatz  auf den Text an. Auch in der letzten Zeile wird der Blocksatz angewendet. Das ist der Grund warum es mir alles auseinander zieht. Schliesse ich aber eine Zeile darüber das DIV Tag existiert in der letzten Zeile kein Blocksatz mehr und der Text wird linksbündig ausgerichtet.
Ein Problem habe ich jetzt allerdings, wenn ich die Größe der Tabellenzelle ändere, da dann der Text neu ausgerichtet wird aber damit kann ich vorerst leben.
Gruß Thomas

Bitte immer angeben, ob Du IE 4 oder IE 5 benutzt, da sie jeweils verschieden Blocksatzbugs haben:

IE 4: wenn eine Blocksatzzeile, in der mitten im Text eine Grafik erscheinen soll, wie bei Dir "pfeil.gif", nicht VOLLSTÄNDIG mit Text gefüllt ist, erscheint die Grafik irgendwo mitte in der zeile, nur nicht wo man sie haben will

Zu sehen auf [http://www.atomic-eggs.com/pac/paf6.htm] (enthält auch Beispiele von Netscape-Blocksatzbugs)

IE 5: wenn am Ende einer Blocksatzzeile ein Wort in Kursivschrift geschrieben steht, wird die Zeilenbreite in dieser Zeile nicht mehr respektiert, sonder um 2, 3 Pixel, eben die Mehrlaenge, die kursiv im Vergleich zu normal braucht, gestreckt: in Tabellen wirkt es dann wie ausgeschnitten, ohne Tabelle entsteht unten eine horizontale Scrollleiste (zu sehen auf nahezu allen Seite von Atomic Eggs, da dort immer Blocksatz ist und "Atomic Eggs" immer kursiv geschrieben steth: ist "Atomic Eggs" am Zeilenende, ist die Scrollleiste da).

Mehr zum  Thema Blocksatz: Archivsuche öffnen und Blocksatz eingeben! Viel Spass!

Bis danndann

PAF (patrickausfrankfurt)