Tutorial benötigt: Bild von Text umfließen lassen (floating)
Eingetragen von DrupT (34)am 19.07.2010 - 16:26 Uhr in
Hallo,
ich würde mich über ein Anfänger-Tutorial, wie ich auf einfachste Weise ein Bild "schön" mit Text darstellen/umfließen lassen kann, sehr freuen.
Zunächst habe ich CCK, Views, Image Cache installiert und mit CCK Inhaltstypen erstellt um Bilder einzubinden. Nun habe ich auch einen passenden View erstellt. Was mir nicht gelingt ist, nun ein "floating" umzusetzen.
Hat jemand einen guten Link (für Anfänger) oder die Muße eine Schritt für Schritt Anleitung hier zu beschreiben...
Danke im Voraus!
- Anmelden oder Registrieren um Kommentare zu schreiben
Folgendes müsste in die
am 19.07.2010 - 16:41 Uhr
Folgendes müsste in die style.css deines Themes:
.node img -> Damit greifst Du auf Bilder im node zu.
float: left; -> Damit wird nach links umflossen
padding: 4px 20px 4px 0px; Vier Abstände oben rechts unten links ...
Im Ganzen in die style.css:
.node img {float: left;
padding: 4px 20px 4px 0;
}
Fertig ... zum Erlernen von CSS empfehle ich mal http://www.css4you.de
Und als richtig wichtiges Tool Firefox mit Firebug! Lies vielleicht mal den Link meiner Signatur ...
Drupal 7 Screencasts in deutsch!
Leider geht es noch nicht....
am 19.07.2010 - 20:09 Uhr
Hallo Thoor,
vielen Dank, ich habe Deinen Code-Schnipsel so eingehängt. Allerdings geht es noch nicht. In den Views habe ich das Bild vor dem Text, aber der Text umfließt noch nicht... ich arbeite mit dem Theme Pixture Reloaded...
Was kann ich falsch gemacht haben?
Danke und Gruß
Vielleicht gibts die Klasse
am 19.07.2010 - 20:54 Uhr
Vielleicht gibts die Klasse .node nicht? Deshalb habe ich Dir ja den Link in meiner Signatur empfohlen ...
Versuch mal:
img {border:0 none;
float:left;
padding:0 10px 10px 0;
}
Das wirkt sich aber auf jedes Bild aus ... Du musst Dich auf jeden Fall ein wenig in CSS vertiefen, oder dich mit vorgefertigten Themes zufrieden geben ... Kannst natürlich auch nen Auftrag ausschreiben ...
Aber CSS ist so schwer nicht!
Drupal 7 Screencasts in deutsch!
Danke Dir...
am 19.07.2010 - 21:04 Uhr
... im Node geht es jetzt. Die Klasse node gibt es. Ich musste die Theme Konfiguration nochmal speichern... Aber in dem View noch nicht... (Schlage mich gerade mit Firebug herum, um's rauszufinden) ... Wenn Du da noch einen Tipp für mich hättest ;-)))