WordPress.com

1. fsxpage
   Mitglied
   17. April 2011 - 15:35

   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 fsxpage.com.

2. zodiac1978
   Moderator
   17. April 2011 - 16:44

   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

3. fsxpage
   Mitglied
   17. April 2011 - 17:34

   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 ;)

4. zodiac1978
   Moderator
   17. April 2011 - 18:20

   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

5. fsxpage
   Mitglied
   17. April 2011 - 18:38

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

   Bis zum nächsten Fehler ;)

Thema geschlossen

Dieses Thema wurde für neue Antworten geschlossen.