Unerklärliche Fehler bei Darstellung

• 

  fsxpage · Mitglied · April 17, 2011 at 1:35 pm

  • Link kopieren
  • Thema zu Favoriten hinzufügen

  Guten Tag zusammen

  Ich hab mich schon mal gemeldet mit einem Problem, bei dem der Fehler bei mir lag. Nun aber eines, was anscheinend nicht auf meiner Seite liegt. Einer unserer Redakteure hat heute ein Review für ein Produkt fertiggestellt und ich schaute mir das an und da sehe ich, dass zwei, nebeneinanderstehende Bilder nicht auf gleicher Höhe dargestellt werden. Sie sind exakt gleich gross. Nun, im Editor werden sie richtig dargestellt, also schaue ich doch mal im HTML nach und siehe folgendes:

  „“<img class=“alignleft“ src=“http://www.abload.de/img/frankfurtreviewbild12k8kh1.jpg“ alt=““ width=“438″ height=“350″ />

  <img class=“aligncenter“ src=“http://www.abload.de/img/frankfurtreviewbild16kqkbj.jpg“ alt=““ width=“438″ height=“350″ />““

  Man sieht doch, das die auf der gleichen Höhe dargestellt werden sollten oder etwa nicht? Wenn ich das eine Bilder von Center auf Right stelle, dann steht da plötzlich ein kleiner Teil des Textes unter den Bildern dazwischen, das ist also auch keine Lösung.

  Danke für eure Hilfe!

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

• 

  zodiac1978 · Mitglied · April 17, 2011 at 2:44 pm

  • Link kopieren

  Hast Du einen Link zum Problem, dann können wir direkt mal schauen.

  Das Problem wird damit zu tun haben, dass die Klasse „aligncenter“ bzw. „alignleft“ per float umgesetzt wird (also Textumfluss, wie bei der Textverarbeitung), so dass solche Probleme entstehen können. Was in deinem Fall jetzt genau das Problem bzw. die Lösung ist, kann ich erst sagen, wenn ich sehe …

  Gruß, Torsten

• 

  fsxpage · Mitglied · April 17, 2011 at 3:34 pm

  • Link kopieren

  http://fsxpage.com/reviews/mega-airport-frankfurt/

  Das Passwort ist: „kuchenessen“

  Ich bitte euch schnell zu machen, da ich die Seite schnell wieder zum Entwurf machen möchte ;)

• 

  zodiac1978 · Mitglied · April 17, 2011 at 4:20 pm

  • Link kopieren

  Nimm alignleft für das linke Bild und alignright für das rechte Bild und füge unter den Bilder folgenden Code per HTML-Editor-Ansicht ein:

  <div style="clear:both;"></div>

  Das Problem ist, dass bei alignleft und alignright ein Abstand beim Bild definiert wird, aber bei aligncenter leider nicht.

  Das Erscheinen des Textes (Stichwort: Textumfluss) verhinderst Du indem du den float mit clear beendest und zwar für float:left wie für float:right (also clear both).

  Habe es gerade getestet und sollte klappen.

  Gruß, Torsten

• 

  fsxpage · Mitglied · April 17, 2011 at 4:38 pm

  • Link kopieren

  Danke dir vielmals! So hat es tatsächlich funktioniert :)

  Bis zum nächsten Fehler ;)