WP 3.0/Theme - Tribune: Problem mit eingebetteten GIFs

Hallo Experten und natürlich auch Expertinnen!,

erstmal von mir als neuem bplaced User ein Hallo in die Runde und einen schönen Sonntag! :wink:

hab am Wochenende mal n bisschen mit Wordpress rumgebastelt und einen testweisen Blog mit Pokercontent und n bißchen allgemeinen Zeugs gebastelt…

Nun folgendes Problem:

Wenn ich Handhistories (also grafisch dargestellte Pokerhände) bloggen möchte, wandle ich diese zuerst in einem Converter um, der einen html code ausgibt (das funktioniert so für Foren, wie auch Blogs…)

(Bilder mal als Link, hab sie wohl zu groß fürs Forum hochgeladen… :unamused: )

Den Code gebe ich also in die html Eingabe des Editors ein
–> bild 1:
img231.imageshack.us/img231/9199/hhhtml.jpg

Kurz in der visuellen überprüft und es ist okay, so wie sein soll
–> bild 2:
img405.imageshack.us/img405/3323/hhvisuell.jpg

Allerings sieht es auf dem Blog dann so aus:
–> bild 3:
img844.imageshack.us/img844/5057/hhblog.jpg

Ich hoffe man sieht das Problem!!! Die Bilder (GIFs) schieben sich vollkommen unverständlich vor den Text und die Zuordnung stimmt überhaupt nicht. Außerdem ist es auch nicht „gif-like“, normal dürfte auch der weiße Rand nicht zu sehen sein…(Das selbe Problem tritt übrigens bei diesem Theme auch bei smilies auf…

Ich habe es mit zwei anderen Themes probiert und da ist die Darstellung auch so wie im visuellen Editor, also so wie es auch sein soll!

Bevor ich als Noob nun an irgendwelchen styles rumschraube, wollte ich das Problem mal hier posten. Vielleicht kann der eine oder andere ja was dazu sagen???

Würde mich über HIlfe sehr freuen, da ich das Theme ansonsten sehr gut finde…

Gruß Göran

P.S. falls es hilft und falls einer mal den Quellcode ansehen möchte, mein Blog ist: 74sooooooted.bplaced.de/ Kann sein, dass es ein wenig Ladezeiten gibt. Irgendwie wir bei bplaced wohl gerade an irgendwas rumgeschraubt… !coffee

Offenbar ist der Hintergrund bei den GIFs weiß und nicht nicht
transparent, daher wird das dann direkt sichtbar, wenn das
(X)HTML-Dokument per CSS eine andere Hintergrundfarbe hat.

Wenn ich das richtig verstanden habe, ist das zweite JPEG die
Interpretation des (X)HTML ohne weitere Stilvorlage und das
dritte eine mit Stilvorlage?
Vermutlich steht dann in der Stilvorlage, daß Bilder links angeordnet
werden sollen.

Es gibt auch einfache unicodes for Kreuz, Pik, Herz und Karo, da
kannst du dir nicht nur die GIFs sparen, sondern auch alle
genannten Probleme umgehen ;o)

de.selfhtml.org/html/referenz/ze … te_diverse

He vielen Dank! Das geht ja schnell hier!! :wink:

Mit den unicodes ist eine sehr gute Idee!

Denn mit deiner Prognose --> Stilvorlage hast Du Recht!! Und da liegt das Problem!

Der Originaleintrag lautet:

.entry img{
float:left;
margin: 0px 5px 5px 0px;
padding: 4px 4px;
border:1px solid #ccc;
background:#fff;

Wenn ich nun das “float:left;” rausnehme, passt zwar alles in den Posts und sieht so aus wie ich es haben möchte (bis auf die Transparenz der Gifs, allerings zerschießt es mir ein wenig das Theme in der Form, das eben die Kurzeinträge auf der Hauptpage nicht mehr so “flockig” dargestellt werden, weil eben auch da der neue Code greift (ich meine die "Kurznachrichten, wo die Bilder eben alle links eingerückt sind…)

Gibt es irgendwie ne Möglichkeit oder Erweiterung, dass ich den Posts separat einen style für die images zuweisen kann?

Naja, wenn nicht, werde ich deine idee mal umsetzen…

Aber vielen Dank! :wink:

Wenn du in das img-Element eine Attribut class einfügen kann, ist
das kein Problem, schreibst z.B.

<img class="Karte" .../>

und im CSS dann offenbar:

.entry img.Karte{
float:none;
margin: 0;
padding:0;
border: none;
background:transparent
}

Solltest du keine Klasse angeben können, kannst du in CSS auch
einen speziellen Selektor verwenden (geht dann allerdings bei
alten browser-Versionen nicht):

Enthält der Bildname etwa den Begriff ‘diamond’, so kann man schreiben:

.entry img[src~=diamond]
{ ... }

Der weiße Hintergrund liegt wohl auch an der Stilvorlage,
zumindest ist da ja background explizit auf weiß gesetzt, kann
natürlich trotzdem auch beim GIF zusätzlich so gesetzt sein ;o)

Heh Supa!!!

Also nicht jur ein klasse Anbieter für webspace, sondern auch ein tolles Forum!

So, nun bin ich erstmal vollauf zufrieden!!

So siehts jetzt aus! (genau wie ich es wollte!):