Board3 Portal: Wie Grafik (als Link) im Block verkleinern?

[Hinnerk]

Das klappt so leider nicht. Siehe:
http://www.finnland-forum.de/portal.php

[Kirk]

So wie du es machst kann es nicht funktionieren geh im ACP/Beiträge dort auf BBCode hinzufügen klicken
dann wie obeb geschrieben diesen bbcode erstellen dann im Block das hier zb. eingeben

Code: Alles auswählen

[wetterkarte]http://cdn.fmi.fi/weather-observations/products/finland/finland-weather-observations-map.png[/wetterkarte]

Dann klappt es auch siehe hier

[Talk19zehn]

Hello, entweder HTML oder BBcode.

deine Bildausgabe lt. Link zu deinem Portal ist eine HTML-Anweisung

Code: Alles auswählen

<img src="http://cdn.fmi.fi/weather-observations/products/finland/finland-weather-observations-map.png" alt="" title="" style="max-width:200px; max-height:auto;" />

und kein BBCode.
Anwendung: img-tag für die Breite / Höhe siehe bei Bedarf unter http://de.selfhtml.org/html/referenz/attribute.htm#img

Wenn du HTML nutzen möchtest, sieht der Code in meinem Falle so aus:

Code: Alles auswählen

<img src="http://www.cdn.fmi.fi/weather-observations/products/finland/finland-weather-observations-map.png" width="154" height="224" alt="Wetterkarte" />

Wenn du hingegen BBCode nutzen möchtest und diesen im ACP unter dem Reiter Beiträge, wie von Kirk beschrieben angelegt hast, sieht der Code so aus:

.......... --- Kirk war schneller......



Gruß

Edit1: Wie ich nun sehe, hast du auf 200px zu 318px skaliert. Es ist nach meiner Darstellung im FF leider immer noch zu breit. Die rechte Spalte wird in meiner FF-Ansicht automatisch verbreitert und im IE wird die Grafik leider rechts abgeschnitten.

Edit2: Beachte bitte ggf. kleinere Auflösungen.

Grüße

[Hinnerk]

Sowohl dieser Code:

Code: Alles auswählen

<img src="http://cdn.fmi.fi/weather-observations/products/finland/finland-weather-observations-map.png" alt="" title="" style="max-width:200px; max-height:auto;" />

als auch dieser:

Code: Alles auswählen

<img src="http://www.cdn.fmi.fi/weather-observations/products/finland/finland-weather-observations-map.png" width="154" height="224" alt="Wetterkarte" />

funktioniert! Ich habe allerdings jetzt für die Breite 185px eingetragen. Da sind jetzt der linke und der rechte Block gleich. Mit dem BBCode klappt es nicht. Da mache ich offensichtlich noch etwas falsch, nur weiß ich nicht was. Wo liegt denn der Vorteil beim BBCode? Gibt es überhaupt einen? In meinem Fall ist es doch mit HTML wesentlich einfacher. Da muss ich nicht noch extra im ACP/Beiträge den BBCode eintragen. Wo ist da der Sinn?

Edit: Mist! leider zu früh gefreut. Im FF wirds jetzt richtig angezeigt, im IE wird von der Grafik rechts ein Teil abgeschnitten und beim Opera bleibt der gesamte rechte Block so breit wie vorher. Also drei unterschiedliche Ergebnisse bei ein und demselben Code.

[Talk19zehn]

Hello Hinnerk, Opera ... ( grübel).... Browser aktualisiert?

Je nach Sympathie ist BBCode oder HTML anwendbar. Beides wird für diese Bereiche der Portalboxen angeboten und ist bei konformer Anwendung korrekt.
Du hast in deinen Postings BBCodes angegeben und sie teils mit HTML ( oder umgekehrt ) vermischt.

185px sind einfach zu viel! -------> Die linken und rechten Blöcke haben m. W. insgesamt je 180px.
Wenn du die Grafik dann noch zentriert ausgeben möchtest, müsste man ggf. sogar noch kleiner herangehen, da die Ränder innerhalb der Boxen eine Relevanz haben, denke ich mal ganz salopp.
Die Browser rendern unterschiedlich. Warum das Portal an der Stelle sozusagen "browserabhängig aus dem Rahmen" fällt, kann ich nicht beurteilen, sofern Opera in deinem Falle die Codierung gar nicht annimmt.

Viele Grüße

[Hinnerk]

Ich habe jetzt die Breite der Wetterkarte auf 165px gesetzt. Da wird jetzt beim IE rechts nur noch minimal etwas abgeschnitten, das fällt aber nicht auf. Beim FF passt die Grafik auch, wenngleich der gesamte linke Block jetzt minimal kleiner ist als der rechte. Ok, kann man mit leben. Mache ich die Karte größer, wird im IE mehr abgeschnitten. Ja und beim Opera wird zwar auch die Karte mit der Breite von 165px dargestellt, der gesamte Block bleibt aber so breit wie die Originalbreite. Na ja, mit Opera arbeiten ohnehin nicht viele, ist also nicht weiter schlimm.
Vielen Dank Talk19zehn und den anderen guten Geistern!

[Talk19zehn]

Hello Hinnerk, habe ich mir angeschaut und bemerkt, dass du inzwischen auf max-width für die Bildausgabe ( vgl. obige Codes ) umgestellt hast. Ich denke, es gab und gibt ggf. noch immer (?) mit dieser Anweisung ein Problem in Opera (zumindest gab es mal eines).

Ich würde daher die "herkömmliche Codierung" für die Ausgabe nutzen und schauen, ob sich die Browserwelten angleichen.
Beste Grüße

[Hinnerk]

Hallo Talk 19zehn

ich habe den Code noch etwas "gekürzt". Er sieht jetzt so aus:

Code: Alles auswählen

<img src="http://cdn.fmi.fi/weather-observations/products/finland/finland-weather-observations-map.png" style="width:165px; height:auto" />

Das Ergebnis ist aber gleich. Ich bemerke jetzt aber zufällig, dass beim Opera bei der Skinwahl subsilver2 alles richtig ist, nur bei der Einstellung Prosilver ist der rechte Block breiter.