Bilder in Beiträgen

[radarin]

Ich habe Bilder in die Mediendatenbank hochgeladen und integriere diese nun in die Beiträge. Mit einem einzelnen Bild hats ja noch geklappt, aber bei mehreren spield die Darstellung verrückt. Auch eine Tabelle hilft nicht. Vor allem im MSIE ist die Darstellung schlecht-

Gibt es im Umgang mit Bildern etwas zu beachten? Beim Einfügen in den Optionen habe ich Radiobuttons, ohne Text aber mit fehlender Grafik.

Beispiel:

http://www.darin.ch/blog/blog.php?/cate ... 3-StGallen

Gruss René

[garvinhicking]

Hi!

"Radiobuttons ohne Text mit fehlender Grafik"? Das klingt schlecht, mach mal nen Screenshot.

Die URL die Du genannt hast sieht bei mir im IE und FF gut aus, da sehe ich keine Probleme?

Grüße,
Garvin

[radarin]

In der Anlage sollte es ein Screenshot haben. Der Pfad der mittleren Grafik lautet:

http://www.darin.ch/blog/serendipity_ad ... y[image]=3

Im Beitrag Badeweiher hat es zwischen Text und Bilder viel zu viel Abstand. Und im Beitrag Rathaus sind die Bilder im MSIE viel zu klein, gestaffelte Grösse, auf WinXP

[radarin]

Dateien können wohl nicht angehängt werden, also hab ich den Screen auf den Server kopiert:

http://www.darin.ch/test/bildwahl.jpg
http://www.darin.ch/test/weiher.jpg

[garvinhicking]

Hi!

Zum ersten Problem der Bildauwahl: Welche Bild-URL wird da als broken image dargestellt? Es scheint mir als würden Dir da einfach Dateien aus dem Serendipity-Release fehlen.

Konkret geht es dabei um

templates/default/img/img_align_left.png
templates/default/img/img_align_right.png
templates/default/img/img_align_top.png

Zum zweiten Problem. Schau doch bitte mal in den Quellcode deines Beitrags mit den "verrückten" Bildern:

Code: Select all

<table border="0"><br />

<tr><br />
<td><br />
<a class='serendipity_image_link' href='/blog/uploads/St.Gallen/weiher1.jpg' onclick="F1 = window.open('/blog/uploads/St.Gallen/weiher1.jpg','Zoom','height=550,width=815,top=132.5,left=240,toolbar=no,menubar=no,location=no,resize=1,resizable=1,scrollbars=yes'); return false;" onMouseOver="return overlib('<img src=/blog/uploads/St.Gallen/weiher1.jpg>', WIDTH, 1, HEIGHT, 1);" onMouseOut="return nd();" ><img width='110' height='74' style="border: 0px; padding-left: 5px; padding-right: 5px;" src="/blog/uploads/St.Gallen/weiher1.serendipityThumb.jpg"    alt="" /></a><br />
</td><br />
<td><br />
<a class='serendipity_image_link' href='/blog/uploads/St.Gallen/weiher3.jpg' onclick="F1 = window.open('/blog/uploads/St.Gallen/weiher3.jpg','Zoom','height=550,width=815,top=132.5,left=240,toolbar=no,menubar=no,location=no,resize=1,resizable=1,scrollbars=yes'); return false;" onMouseOver="return overlib('<img src=/blog/uploads/St.Gallen/weiher3.jpg>', WIDTH, 1, HEIGHT, 1);" onMouseOut="return nd();" ><img width='110' height='74' style="border: 0px; padding-left: 5px; padding-right: 5px;" src="/blog/uploads/St.Gallen/weiher3.serendipityThumb.jpg"    alt="" /></a><br />
</td><br />
<td><br />
<a class='serendipity_image_link' href='/blog/uploads/St.Gallen/weiher4.jpg' onclick="F1 = window.open('/blog/uploads/St.Gallen/weiher4.jpg','Zoom','height=550,width=815,top=132.5,left=240,toolbar=no,menubar=no,location=no,resize=1,resizable=1,scrollbars=yes'); return false;" onMouseOver="return overlib('<img src=/blog/uploads/St.Gallen/weiher4.jpg>', WIDTH, 1, HEIGHT, 1);" onMouseOut="return nd();" ><img width='110' height='74' style="border: 0px; padding-left: 5px; padding-right: 5px;" src="/blog/uploads/St.Gallen/weiher4.serendipityThumb.jpg"    alt="" /></a><br />
</td><br />
<td><br />
<a class='serendipity_image_link' href='/blog/uploads/St.Gallen/weiher2.jpg' onclick="F1 = window.open('/blog/uploads/St.Gallen/weiher2.jpg','Zoom','height=815,width=550,top=0,left=372.5,toolbar=no,menubar=no,location=no,resize=1,resizable=1,scrollbars=yes'); return false;" onMouseOver="return overlib('<img src=/blog/uploads/St.Gallen/weiher2.jpg>', WIDTH, 1, HEIGHT, 1);" onMouseOut="return nd();" ><img width='74' height='110' style="border: 0px; padding-left: 5px; padding-right: 5px;" src="/blog/uploads/St.Gallen/weiher2.serendipityThumb.jpg"    alt="" /></a><br />
</td><br />
</tr><br />
</table>

Du hast da eine Tabelle eingebaut, aber nach jedem <td> kommt ein <br />. Diese BRs sind die Abstände die Du später siehst! Du musst wenn Du das NL2BR Serendipity Plugin nutzt daran denken, dass auch newlines nach HTML Code konvertiert werden. Daher musst du eigene HTML-Konstrukte dann OHNE Linebreaks einfügen.

Warum Dein ie7 die Bilder klein darstellt kann ich leider nicht sagen. Mein IE6 und Firefox tun das nicht.

Viele Grüße,
Garvin

[radarin]

Diese 3 Dateien scheinen wirklich zu fehlen. habe diese möglicherweise selber gelöscht.

Ich hab NL2BR ausgeschaltet, jetzt passt es. Hab mir im Explorer den Quellcode angesehen. Ist völlig in Ordnung, keine Abnormitäten. Vielleicht ein CSS Problem, muss mir das morgen nochmals ansehen. Vielen Dank fr Deine Hilfe.