HILFE! Float,align,class,umbruch ... Chaos!

Huhu Marco,

meinst du damit, dass der Text die Bilder umfließt? Ich denke schon. Das funktioniert mit der Angabe 'float'.

Beispielsweise könntest du in der style.css folgende Classes definieren:

.rechts {float: right;
 margin-left: 1em;}
.links {float: left;
 margin-right: 1em;}

Wenn du dann ein Bild in deinen Beitrag einbauen willst, setzt du zusätzlich zu den üblichen Attributen noch die neue Class mit ein. So etwa:

<img src="http://www.domain.tld/bild.png" alt="Beispiel für Marco" class="rechts" border="0" />

Jetzt erscheint das Bild auf der rechten Seite und wird vom Text umflossen.

<img src="http://www.domain.tld/bild.png" alt="Fahrrad" class="links" style="border:2px solid #505050; padding: 3px;" />

Mit diesem Code erscheint das Bild links und hat noch zusätzlich einen 2px großen grauen Rahmen, der aber nicht direkt an das Pic angrenzt, sondern erst in 3px großem Abstand.

Ich mache diese Rahmen gerne individuell und nicht über die style.css.

Du bist da aber natürlich völlig frei bei deiner Gestaltung. Brauchst es nicht so machen wie die dicke alte Frau. :mrgreen:

Viel Erfolg!

Zitat von menvogue

bin ich davon überzeugt das Sie die Richtige sind um es mir zu erklären! ;+) :+D

Erst 14 aber schon sehr charmant. ; ) Lass uns bitte beim Du bleiben. Sonst fühle ich mich noch älter, als ich ohnehin schon bin. :mrgreen:

Klar erklär ich es dir auch gern ausführlicher.

Die Datei style.css hast du aber schon gefunden, oder? Da stehen die ganzen Formatierungen drin, damit der Browser weiß, ob die Schrift weiß, grün oder lila sein soll und der Hintergrund beispielsweise beige. Na ja und natürlich noch viiiiel mehr Sachen, wie Schriftart usw..

Es gibt IDs und eben Klassen. Ich möchte da nicht so gern ausführlicher werden, da müsste ich zu viel schreiben. Nur so viel: IDs haben mehr Macht als Klassen. IDs haben vorne ein '#' und Klassen einen '.'. Je nachdem, was du formatieren möchtest, definierst du es also.

Bei deinem Problem reicht die Definition einer Klasse. Im Prinzip kannst du meinen obigen Code kopieren und so in deine style.css einfügen. Vielleicht ganz am Schluss, damit du es schnell wiederfinden kannst. Die Reihenfolge spielt keine Rolle bei der Datei. Allerdings ist es immer gut, ein wenig Ordnung zu halten. Gleiche Themenbereiche sollten auch untereinander aufgeführt sein. Sonst ist es sehr mühselig, etwas wiederzufinden. Ach so ... bevor du meinen Code kopierst: Sieh doch erstmal nach, ob es nicht schon so einen Eintrag gibt. Welches Theme benutzt du denn? Da könnte ich sehr viel besser helfen, wenn ich das wüsste.

Dann versuche mal einen Beitrag zu schreiben mit einem Bild. Auch hier kannst du eigentlich meine Beispiele verwenden. Musst natürlich noch die Beispielquelle durch die richtige Bildadresse ersetzen.

Mach das mal und dann treffen wir uns morgen hier wieder, okay?

Gute Nacht für heute! Enni

Wow ... das ist aber ein Super-Dankeschön! Das beste, was ich je bekommen habe. Sieht echt klasse aus. :-D

Am meisten freut mich, dass es gleich so gut geklappt hat mit meinen Erklärungen. Fragen kannst du mich natürlich gerne, aber es gibt noch 'ne ganze Menge, was ich selber nicht weiß. Da darfst du dann nicht sauer sein, wenn ich mal nicht helfen kann. Wenn du magst, kannst du dich bei mir anmelden. Dort gibt's auch ein kleines Forum. Denn hier bin ich nicht täglich, sondern nur sporadisch.

Andererseits können dir natürlich die vielen Mitglieder hier in so mancher Situation sicher viel besser helfen als ich.

Wie auch immer ... wünsche dir noch einen schönen Abend und weiterhin fröhliches Bloggen.

Enni