Problem mit Darstellungsgröße Grafiken in Widget
-
Hallo zusammen,
in einem Text-Widget stelle ich aktuell 4 Grafiken dar. An meinem Heimrechner über Google Chrome hat die Darstellung genau gepasst. Nun sitze ich an meinem Rechner auf der Arbeit und checke die Seite im IE und Firefox. Dort passt das Format der Grafiken nicht mehr. Sie sind entweder verzerrt (IE) oder zu groß (Firefox).
Könnt ihr dies mal bei euch prüfen oder mir einen Tipp geben woran dies liegen kann?
Vielen Dank!
Der Blog bei dem ich Hilfe benötige heißt (nur für angemeldete Benutzer sichtbar).
-
Ich kann bestätigen, dass die Grafiken unter Firefox 16.0.2 eindeutig zu groß sind. Laut CSS Code beträgt die maximale Breite deiner Seitenleiste exakt 220 Pixel. Deine Grafiken hast du allerdings offenbar in Originalgröße eingefügt. Diese sind alle 138 Pixel breit. Da passen also schon nach Adam Riese nicht zwei nebeneinander.
Es sieht so aus, als hättest du für die Platzierung eine Tabelle genutzt. Eventuell ist im CSS Code deines Themes tabellenspezifischer Code, der in dem Fall Probleme macht.
Hast du mal versucht, die Grafiken ohne Tabelle in zwei Zeilen zu platzieren. Als Inline Elemente sollten die sowieso nebeneinander platziert werden. Als Maximalbreite würde ich etwas um die 80px vorschlagen.
Also ungefähr so:
<p style="padding:5px;margin:0 auto;"><img1 /><img2 /></p> <p style="padding:5px;margin:0 auto;"><img3 /><img4 /></p>Ist nur mal ganz grob und man muss bestimmt noch an der einen oder anderen Stelle herumschrauben, was die Abstände oder das Inline CSS angeht.
Du kannst es ja mal versuchen, und bei Bedarf deinen HTML Code hier ins Forum posten.
Gruß
Martin(IQ) -
Hallo Martin,
vielen Dank für deinen Hinweis. Das hört sich sehr vielversprechend an. Ich werde das Ganze nachher direkt ausprobieren und den Code mal posten. Ich habe hier tatsächlich mit einer Tabelle gearbeitet. Ich bin in HTML einfach nicht firm und dachte, dass dies eine Lösung sei.
Hast du eine Idee, warum in Google Chrome die Dateien normal und nicht in Originalgröße (also zu groß) dargestellt werden?
Ich melde mich nachher nochmals mit dem Code. Danke sehr!
-
Scheint ja geklappt zu haben. :) Jetzt musst du eigentlich nur noch die Links so setzen, dass sie auf deine jeweiligen Konten bei den Diensten zeigen.
Im Moment verlinken deine Bilder nämlich noch auf das Originalbild in deiner Mediathek.
Warum übrigens Chrome die Bilder richtig anzeigt, weiß ich nicht. Kann sein, dass das eine Art Fehlerkorrektur ist. Chrome erkennt vielleicht, dass die Seitenleiste nicht größer als 220px breit ist, und passt die Bilder entsprechend an. Ist aber nur eine Vermutung.
Gruß
Martin(IQ) -
Hi IQ,
so, habs jetzt nochmal vernünftig gemacht. Anordnung der Logos, Größe und Verlinkung in neuer Seite bzw. neuem Tab. Jetzt passt es. Auch im IE sieht die Darstellung nun jut aus.
Danke für deine Hilfe!
-
- Das Thema ‘Problem mit Darstellungsgröße Grafiken in Widget’ ist für neue Antworten geschlossen.
de.WordPress.com Forums 