Page 1 of 1
Link-Rahmen um Bilder - Vorschlag
Posted: Mon Jul 17, 2006 10:21 pm
by 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?
Re: Link-Rahmen um Bilder - Vorschlag
Posted: Tue Jul 18, 2006 11:23 am
by 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
Re: Link-Rahmen um Bilder - Vorschlag
Posted: Thu Jul 20, 2006 4:22 pm
by 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.
Re: Link-Rahmen um Bilder - Vorschlag
Posted: Fri Jul 21, 2006 10:02 am
by 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
Re: Link-Rahmen um Bilder - Vorschlag
Posted: Fri Jul 21, 2006 5:48 pm
by 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.