Link-Rahmen um Bilder - Vorschlag

[stm999999999]

So, die (besten) Ideen kommen beim Probieren - und ich hatte schon wieder eine

Ausgangspunkt: Wenn ich ein Bild mit Kommentartext und Link zum Großbild einsetze, dann erscheint im IE und Firefox ein Rahmen um das Bild - ist ja schließlich ein Link! Sieht aber blöd aus.

Wenn ich das Bild ohne Kommentarbereich einsetze, dann kommt kein Rahmen:

Wenn ich mit dem Medienmanager ein Bild einfüge, dann bekommt es direkt formatiert ein

Code: Select all

style="float: left; border: 0px; padding-left: 5px; padding-right: 5px;" 

.

Wenn man aber ein Bild mit Kommentar einsetzt, dann kommt kein derartiger style, also kommt ein Rahmen.

Zwei Bitten/Vorschläge:

Könnte entweder bitte auch beim kommentierten Bild ein style mit border:0 kommen oder noch besser: auch dem Bild eine class zuweisen, etwa .serendipity_image_in_link, damit man das selber formatieren kann?

[garvinhicking]

Hi!

Beim kommentierten Bild würde dieses Border Attribut mit der CSS Formatierung der imagecomment dinger kollideren, meine ich mich zu erinnern.

Eigentlich müsste mit Serendipity 1.1 auch für nicht kommentierte Bilder eine CSS Klasse übergeben werden?

Alternativ könntest du doch mit ".serendipity_entry_body img { border: 0px !important; }" alles ändern?

Grüße
Garvin

[stm999999999]

Beim kommentierten Bild würde dieses Border Attribut mit der CSS Formatierung der imagecomment dinger kollideren, meine ich mich zu erinnern.

Ich wüßte auf Anhieb nicht, warum. Ich kann auch problemlos direkt in das Image-Tag ein style=border:0px" reinschreiben: Es kommt der gewünschte Effekt und keinerlei Nebenerscheinungen.

Eigentlich müsste mit Serendipity 1.1 auch für nicht kommentierte Bilder eine CSS Klasse übergeben werden?

Das Bild hat bei mir in keinem Fall eine Klasse bekommen - egal, ob mit Text, ohne, ob als Link oder nicht: Es ist nur ggf. ein div mit Klasse drumrum. Nur in diesem bewirkt ein border:0 leider nix, offenbar muß dieser Style wirklich direkt dem img-Tag gegeben werden:

Beim Bild ohme Kommentar steht so ein border:0 automatisch drin:

Code: Select all

<a class='serendipity_image_link' href='/uploads/IMG_2721.JPG'><!--s9ymdb:3--><img width='110' height='83' style="float: left; border: 0px; padding-left: 5px; padding-right: 5px;" src="/uploads/IMG_2721.serendipityThumb.JPG" alt="" /></a>

Wenn aber ein Kommentar drum ist:

Code: Select all

<div class="serendipity_imageComment_left" style="width: 110px"><div class="serendipity_imageComment_img"><a class='serendipity_image_link' href='/uploads/IMG_2721.JPG'><!--s9ymdb:3--><img width='110' height='83'  src="/uploads/IMG_2721.serendipityThumb.JPG" alt="" /></a></div><div class="serendipity_imageComment_txt">bla</div></div>

dann ist da nix.

s.o. wenn ich da ein border:0 reinsetzem wie im ersten Code-Beispiel, dann geht das auf einmal.

Alternativ könntest du doch mit ".serendipity_entry_body img { border: 0px !important; }" alles ändern?

Ja, hat geklappt, sogar ohne "!important". Eine Klasse für die Bilder wäre aber irgendwie sauberer, finde ich.

[garvinhicking]

Hi!

Ich werde mir die Sache nochmal in Ruhe ansehen, sobald wieder humane Temperaturen herrschen. Eine Klasse für das IMG-Tag würde für die Fälle sinn machen, wo es kein <a> drumherum gibt, das stimmt.

Viele Grüße,
Garvin

[stm999999999]

Ich werde mir die Sache nochmal in Ruhe ansehen, sobald wieder humane Temperaturen herrschen.

OK, no problem. Mit dem Workaround geht es ja.

Eine Klasse für das IMG-Tag würde für die Fälle sinn machen, wo es kein <a> drumherum gibt, das stimmt.

So wie ich das überblicke, bräuchten wir es auch bei vorhandenem <a>, da selbst dort drin eine border-Deklaration nicht auf das img durchschlägt.