View Bild und Text nebeneinander
Eingetragen von Teoma (7)am 05.08.2014 - 07:04 Uhr in
Hallo ich habe mir einen Inhaltstyp Stammtischmitglieder angelegt in denen es auch ein Bild und eine Liste der Personen der verschiedenen Stammtische gibt.
Bsp.
Titel: Stammtisch A
Bild: Stammtisch A
Mitglied
- Person 1
- Person 2
- Person 3
Titel: Stammtisch B
Bild: Stammtisch B
Mitglied
- Person 4
- Person 5
- Person 6
Nun möchte ich eine Gesamtübersicht aller Stammtische mit Hilfe von einem View darstellen.
Das klappt auch super mit Grid oder auch Tabelle.
Mein Problem ist nur das wenn ich bei Grid in 2 Rows den View erstelle und nach Titel gruppiere bekomme ich das Ergebnis das oben der Titel des Stammtisch steht dann links das Foto (soweit alles ok) Nur die Mitgliederlist erscheint nicht neben dem Foto oben sondern beginnt unten links:
IST-Zustand:
Titel
Bild
Mitglieder
SOLL-Zustand
Titel
Bild Mitglieder
Danke für euere Hilfe im Voraus
- Anmelden oder Registrieren um Kommentare zu schreiben
Prinzipiell kannst Du Inhalte
am 05.08.2014 - 10:27 Uhr
Prinzipiell kannst Du Inhalte mehrerer Felder in einer View immer in einem "künstlichem" Feld zusammenführen, indem Du:
Die Beschreibung ist evtl. etwas grob. Falls irgendwas unverständlich ist, einfach nochmal nachfragen :-).
Zusatz: Ich bin mir nicht 100%ig sicher, ob ich Dein Problem genau erfasst habe. Es gibt mit Sicherheit auch die Möglichkeit, Deinem Problem per HTML-Wrapper und CSS zu begegnen. Ist Deine View von außen sichtbar? Evtl. ist Dir dann leichter zu helfen, weil es klarer ist.
CSS
am 05.08.2014 - 10:45 Uhr
ich persönlich würde die Sache eher mit CSS machen...
Bie CSS hat man in meinen Augen mehr Möglichkeiten...
Mit Firefox und Firebug kannst du sehr leicht Objekte und deren Klassen bzw. IDs inspizieren, dann das ganze per CSS stylen.
ein sehr grob zusammengenagelter code für deinen Fall wäre z.B.
.titel
{
clear: both;
}
.bild
{
clear: both;
float: left;
}
.mitglieder
{
float: left;
}
Damit sollte zumindest das rauskommen was du brauchst.
Natürlich heissen die Klassen die du verwenden musst nicht .titel, .bild und .mitglieder... die musst du erst mit Firebug finden...
vermutlich sowas wie:
.views-row oder .views-filed
oder was in der Art.
Vielleicht hilft dir das ja weiter...
Grüße
Grid 2 row
am 06.08.2014 - 06:30 Uhr
Also mein Problem bezieht sich auf den Beginn des zweiten rows des Grid.
wenn ich im Grid 2 rows definiere steht bei mir im ersten row das Bild 100x100pixel im zweiten row soll der Text (die Mitglieder als Liste) stehen. Wenn ich das so definiere steht auch im ersten row das bild im zweiten row beginnt die Liste mit der ersten Zeile bzw. Überschrift an der unteren rechten kante des Bildes und bricht dann um. Die Liste wird dann unterhalb des Bildes dargestellt. Mein Wunsch ist es, dass der zweite row neben der oberen rechten Bildkante beginnt.
Ich habe mal zwei skizzen angehängt
Link?
am 06.08.2014 - 08:06 Uhr
Wenn du mal einen Link hast, könnte man mal kurz reinschauen.
Dann könnte ich dir ev auch sagen wie man das mit CSS machen könnte...
So ist das alles etwas hypothetisch... ;-)
Versuch mal dem Bild ein "float: left" zu geben, da sollte dann, zumindest theoretisch, genau das passieren.