Bilder nicht nebeneinander, bzw. nicht in der Mitte

• 

  rosenruthie · Mitglied · April 27, 2011 at 9:48 pm

  • Link kopieren
  • Thema zu Favoriten hinzufügen

  Hallo Ihr lieben Ratgeberlein,
  ich hab da mal ne Frage: Bei Modularity Lite werden die Bilder, wenn ich kleine Ansichten nehme, in meinem Entwurf mittig bzw. 2 oder 3 nebeneinander angezeigt, so wie ich das halt haben will. (Ich habe die Gesamtbreite beachtet.) Aber dann in der Blogansicht sind sie alle linksbündig untereinander. Warum?

  Das Thema gab es hier schon einmal, aber anderes Theme. Und inzwischen geschlossen.

  Viele Grüße von Ruthie

  Der Blog bei dem ich Hilfe benötige heißt (nur für angemeldete Benutzer sichtbar).

• 

  zodiac1978 · Mitglied · April 28, 2011 at 9:50 am

  • Link kopieren

  Kannst Du mal ein Link zu einem betroffenen Artikel posten und auch ein Link zu dem bereits geschlossenen Thema, dann kann ich das besser nachvollziehen. Momentan verstehe ich das Problem, glaube ich, noch nicht zu 100%.

  Gruß, Torsten

• 

  rosenruthie · Mitglied · April 28, 2011 at 8:14 pm

  • Link kopieren

  Hallo Torsten,
  hier 2 Links for you:
  http://rosenruthie.wordpress.com/2010/12/07/projekte-im-zeitraffer/
  http://rosenruthie.files.wordpress.com/2011/04/problem1.jpg

  Guck mal, ob Du jetzt weißt, was ich meine.

  Grüße von Ruthie

• 

  zodiac1978 · Mitglied · April 28, 2011 at 10:41 pm

  • Link kopieren

  Das Problem ist das CSS deines Themes, und dort das alignnone, welches dafür sorgt (übrigens genauso wie das aligncenter), dass das Bild ein Blockelement ist.

  img.alignnone{padding:4px 4px 4px 0;margin:3px 10px 2px 0;display:block;max-width:950px}

  Block-Elemente erzeugen eine neue Zeile im Textfluß und können zum vorherigen und zum nachfolgenden Element einen größeren Abstand aufweisen. Sie sind im Textfluß somit immer untereinander angeordnet.

  Quelle: http://www.css4you.de/elemente.html#block

  Mit alignleft und alignright passiert das nicht, dort wird display: inline benutzt. Da du das Ganze jedoch zentrieren möchtest, entferne einfach das alignnone und schon sollten die drei Bilder nebeneinander und zentriert sein (da der Paragraph, also Absatz ja zentriert ist.)

  Gruß, Torsten

• 

  rosenruthie · Mitglied · April 28, 2011 at 11:06 pm

  • Link kopieren

  Hi Torsten,

  vielen Dank. Ich werde es demnächst ausprobieren. (Muss erst mal schlafen gehen ;) ) Der Link, den ich vergessen hatte: https://de.forums.wordpress.com/topic/bilder-zentrieren-bei-theme-twenty-ten-defekt?replies=9

  Danke und gute Nacht von Ruthie