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

[Hinnerk]

Moin!

Im eigenen kleinen Block des Portals (Board3 Portal) habe ich einen Link zur jeweils aktuellen Wetterkarte wie folgt eingefügt:
[img]http:xxx.png[/img]
Damit gab es auch kein Problem. Nur ist die Karte im Original leider etwas zu breit. Die Folge: Sämtliche linken Blöcke verbreitern sich zu Lasten des mittleren und der rechten Blöcke.
Frage: Wie lautet der Code, damit die Karte nicht die Breite der linken Blöcke sprengt?

[winnetou]

Hallo,
die breite und höhe kannst Du im Code wie folgt festsetzen:

z.b.

<img src=".......gif" width="xx" height="xx" alt="" />

Gruss
Jürgen

[Talk19zehn]

Hello, da es um einen BBCode handelt, könntest du es wie folgt versuchen:

Code: Alles auswählen

[img(150px,75px)]http://#...meineigenesbild.jpg[/img] 

Die Blöcke haben erinnerlich eine Breite von 180px. Ggf. schaue dir in einem Grafikprogramm die Auswirkung unter Beibehaltung der Seitenverhältnisse zuvor an.

Gruß

[Hinnerk]

Moin!

Leider klappt es mit euren Tipps nicht. Ich habe folgendes versucht:

1: <img src="http://cdn.fmi.fi/weather-observations/ ... ns-map.png[/img]" width="180" height="250" alt="" />

2. [img(180px,250px)]http://cdn.fmi.fi/weather-observations/ ... ns-map.png[/img]

Angezeigt wird jeweils der Code. Die aktuelle Wetterkarte erscheint nicht. Was mache ich da falsch?

[Talk19zehn]

Hello, in HTML (nicht BBcode) sollte diese Codierung eigentlich funktionieren:

Eigener Block / Small-Box

Bildanzeige:

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 die Grafik einen Verweis / Link enthalten soll:

Code: Alles auswählen

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

# ===> Link bitte ergänzen

Gruß

[Kirk]

Man kann sich auch einen bbcode erstellen

BBCode-Benutzung:

Code: Alles auswählen

[wetterkarte]{URL}[/wetterkarte]

HTML-Ersetzung:

Code: Alles auswählen

<img src="{URL}" alt="" title="" style="max-width:154px; max-height:auto;" />

Tipp-Anzeige:

Code: Alles auswählen

Wetterkarte: [wetterkarte]Bild url[/wetterkarte]

Zum Schluß Beim Verfassen eines Beitrags anzeigen einen Haken setzen.

[Hinnerk]

Vielen Dank für eure Vorschläge, allerdings halfen sie mir leider nicht weiter. Es wird stets nur der Code angezeigt, nicht jedoch die Wetterkarte. Dann geht das wohl leider nicht.

[Talk19zehn]

Hello Hinnerk, mir wird das Bild angezeigt. Wie lautet dein Code, den du eingebunden hast?


....ich editiere hier bzgl. deiner unten genannten Antwort:
Du hast demnach einen BBCode und kein HTML angewendet.
Entweder BBCode, wie Kirk schreibt und die Anlage des BBCodes im ACP integrieren oder HTML, wie ich oben vorschlug.

Meines Wissens hat der linke und rechte Spaltenbereich jedoch je nur 180px in der Breite. Und daher habe ich die Grafik im HTML-Code verkleinert. Es sei denn, du hast die Breiten der Spalten im Portal manuell selbst geändert, dann wären ggf. 200px kein Problem?

Gruß

[Hinnerk]

Das Bild (Wetterkarte) wird bei mir ja auch angezeigt. Es ist z.Z. so eingebunden:

Code: Alles auswählen

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

Der Haken ist eben nur, dass die Größe der Grafik die Breite des linken Blocks im Portal sprengt. Die Originalbreite der Grafik (Link) hat die Größe von 259px x 412px. Ich hätte sie gern 200px breit, die Höhe automatisch angepasst, damit das Seitenverhätnis bleibt und die Grafik nicht verzerrt.

[Kirk]

Erstell doch einen BBcode wie ich´s oben beschrieben habe
und mache aus max-width:154px max-width:200px