Bilddarstellung im Artikel - element.style

fabian

Hallo,
gestern habe ich meinen Blog ja schon in der Blogshow vorgestellt. ( fluchtgedanken.de - Ab in die Großstadt?! )

Jetzt wollte ich die Bilddarstellung im Artikel noch optimieren. Hat auch alles geklappt bisher... bis auf den rechten Border. Der sollte, wie der obere und der linke mit einem Abstand von 3 Pixeln zum Bild stehen. (Beispiel im Blog neuester Artikel)

Mein Firebug zeigt mir an, dass ein gewisses "element.style" die Breite von alignleft immer um 10 Pixel breiter macht als das Bild (egal wie groß das Bild ist). Habe jetzt schon überall gesucht und nichts gefunden. Auch hier im Forum wurde mal ein ähnlicher Fall behandelt, der letztendlich auch zu einer Lösung geführt hat, die mir aber nichts bringt.

Das Bild habe ich über den Uploader hochgeladen. Könnte das am JavaScript vom Uploader liegen? Da kenne ich mich halt null aus :S...

Ich hoffe, mir kann da jemand helfen, bin momentan überfragt :S

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

zartgesotten

hmm...

... ja, der Firebug sagt mir folgendes:
<div id="attachment_21" class="wp-caption alignleft" style="width: 210px">

Wenn ich da per Hand aus den 210px 200px mache sieht es gut aus. Woher diese
width-Angabe allerdings kommt kann ich mir im moment auch nicht erklären.

Hm. Das hat jetzt wahrscheinlich nicht wirklich geholfen ;-)

fabian

nicht wirklich... ;D

Ich war auch schon so weit, per Firebug die komplette element.style einfach zu löschen. Dann würde ja alles passen...

Auch wenn ich das Bild einfach auf 210px vergrößere... dann steht im element.style 220px -_- ?!

Arno Simon

sorry, aber was an diesem verhalten ist für dich verwunderlich?

HTML

<div id="attachment_21" class="wp-caption alignleft" style="width: 210px">
  <a href="http://www.fluchtgedanken.de/wp-content/uploads/2009/06/ostsee09.jpg" rel="lightbox[20]">
    <img class="size-medium wp-image-21" title="Ostsee 2009" src="http://www.fluchtgedanken.de/wp-content/uploads/2009/06/ostsee09-300x200.jpg" alt="Ostsee 2009" width="200" height="135" />
  </a>
  <p class="wp-caption-text">Ostsee 2009</p>
</div>

die überschüssigen 10 px stecken halt im quelltext deiner seite ;) beachte das umgebende div....

vG

arno

Arno Simon

ps die info 220 px kam erst während ich meine antwort recherchierte, sorry

davon abgesehen, kann ich im css keine entsprechenden auszeichnungen für die verwendeten classen etc. finden.

fabian

Zitat von Arno Simon

davon abgesehen, kann ich im css keine entsprechenden auszeichnungen für die verwendeten classen etc. finden.

Und genau das ist mein Problem. Das muss also irgendwo anders festgelegt werden. Die ganzen "caption-Dinger" kommen ja anscheinend von den hochgeladenen Bildern.

Naja. Ich habs jetzt anders gelöst, in dem ich die Bilder von meinem Flickr-Account benutze. Ist zwar etwas umständlicher, aber da die Bilder eh dort landen werden, ist es mehr oder weniger egal :)

Trotzdem dankeschön für die Hilfe.

PS: manchmal ist man ganz schön kompliziert. Ich kann ja die Bilder trotzdem mit Wordpress hochladen und verändere dann bloss den Link :D

fabske

Wie kann ich denn diese caption komplett loswerden? Und wo kann ich den Rahmen bearbeiten?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bilddarstellung im Artikel - element.style

Jetzt mitmachen!