[Gelöst]Bild links neben Text bei neuem CCK-Typ

Du mußt das Bild nach links floaten und dem Text ein entsprechendes padding-left geben. Also wenn das Bild 100px breit ist dann padding-left: 110px (mit 10px dann Abstand). Dann rutscht das Bild in den freien Raum.

ja, aber ich kann ja nicht zb div.content p einfach so ein padding left geben, denn dann würden die anderen Artikel ohne Bild auch weiter rechts anfangen. Kann ich das irgendwie nur für beiträge mit Bild definieren?

MfG

DrupalNoob

Also entweder findest Du mit body-classes und den diversen Wrappern, die Drupal erstellt, einen passenden Selektor oder Du nimmst das Modul Contemplate, mit dem Du ganz einfach die Ausgabe bestimmen kannst.

ok vielen Dank für den hinweis, contemplate installiert. jetzt sieht das interface so aus:

Verlag

Bild

Preis

Was muss ich denn jetzt adden, damit das Bild links und der Textkörper rechts daneben ist? Das erschliest sich mir irwie net. Bitte, bitte postet mir was ich da rein coden muss es ist wichtig gerade!!!!!!!!!!!!!!!!

MfG

DrupalNoob

Das kann man pauschal nciht sagen. Hast Du immer gleich breite Bilder oder variieren die?

Ja, die bilder haben immer die gleiche breite. Es geht um folgende seite: klick
Dort kannst du auf sachbücher gehen und dann ein buch wählen. wenn du auf eins gehst ist da ein bild und ein text. Das meine ich. Es ist ziemlicch wichtig das ich das irgendwie hinkriege....

Vielen dank für deine bisherige Hilfe!!

MfG

DrupalNoob

Wenn Du schon den Print der Einzelteile soweit hast, kannst Du doch auch noch entweder div-tags oder besser span-tags darum setzen die Du mit entsprechenden Klassen bestückst. Der Rest ist dann reines CSS und damit solltest Du klar kommen (gewisses Handwerkszeug ist schon erforderlich, wenn man am Design basteln möchte).

Beste Grüße
Werner

Eigentlich eine gute idee einfach ein div rum aber ich kann das div ja nur ums bild setzen um es nach links zu floaten, und nicht auch ein div um den Textkörper setzten, den der wird dort nicht angezeigt... Was soll ich da machen?

MfG

DrupalNoob

Also ich würde ja irgendwann mal die tausend divs ausmisten und semantisches HTML verwenden, aber das ist eine andere Baustelle... ist aber ziemlich unübersichtlich.

Bild muß als erstes stehen, dann dem Bild im css float:left geben (oder in Deinem Quelltextfall: div.field-type-filefield floaten lassen).
Dann den Texten (das sind div.field-type-text und einmal p ein padding-left von 110px geben.
Um das ganze drum herum noch ein Div, das den float aufhebt (div.group mit overflow:hidden). So müßte es gehen.

Ok, das dürfte die Lösung sein, hab leider grad keine Zeit das auszuprobieren... Aber wie erzeuge ich einen weiteren div um die felder herum? In der page.tpl.php oder mit contemplate? kannst du mir das genauer erklären?
Aber vielen dank für die Hilfe, hat mich viel weiter gebracht.

MfG

DrupalNoob

Wenn Du doch folgenden Code einsetzt:

dann bekommst Du mit

einen Span-Tag oder sonst was darum. Der Punkt ist bei PHP der Concatenation-Operator. Die Ausgabe der Variablen dazwischen wird dabei auch auf Text gewandelt. Ich habe die Tags mit Single-Quote umrahmt und nicht mit Double-Quote, da ich die Double-Quote bei der Class-Angabe brauchte. Man kann aber Text auch mit Double-Quote einrahmen.

Beste Grüße
Werner

ja, das wollte ich eigentlich wissen so kann ich das bild nach links floaten. Den text versuch ich dann mit div.field-type-text oder so ähnlich zu padden. Danke für die Hilfe ich probiers aus!

MfG

Drupalnoob

super es reichte schon

div.field-type-filefield
{
float: left;
margin: 10px 10px 10px 10px;
}

div.field-type-text p
{
padding-left: 110px;
}

für ein sehr gut strukturiertes Layout. Vielen dank für den Vorschlag. Es ist Perfekt. Vielen, Vielen dank.

MfG

DrupalNoob