{gelöst]Bilder nebeneinander nicht untereinander
Eingetragen von sklausing (288)am 26.09.2011 - 07:54 Uhr in
Ich benutze als Ausgangstheme für die Seite das theme Danland.
Nun habe ich für Artikel ein neues Feld erstellt und dies Foto genannt. Über dieses Feld kann ich Bilder hochladen die dann unter dem Artikel angezeigt werden.
Wenn ich nun mehrere Bilder hochlade werden diese leider nur untereinander dargestellt. siehe http://www.magdarogler.com/content02/artikel/was-ich-sonst-so-mache-trau...
Ich hätte aber gern, dass Sie nebeneinander oder noch besser als Tabelle mit 4 Spalten dargestellt wird.
Leider ist mein PHP nicht so gut um das im template anpassen zu können. Ich finde also die Stelle nicht.
Kann mir jemand einen Hinweis geben wie ich das mittels PHP oder CSS lösen kann? Wichtig wäre mir nur, dass dies nur bei Artikeln passiert.
Vielen Dank im voraus
Steffen
- Anmelden oder Registrieren um Kommentare zu schreiben
Fallen mir auf Anhieb zwei
am 26.09.2011 - 08:32 Uhr
Fallen mir auf Anhieb zwei Möglichkeiten ein.
1.) Per CSS und der "float" Anweisung für die Bilder bekommst Du sie nebeneinander. Um Bezug auf den Inhaltstypen zu nehmen musst Du Separatoren nutzen. Hier habe ich vor einiger Zeit mal ein Tutorial gemacht, das vielleicht helfen könnte?
2.) Du zeigst die Bilder in einer VIEWS Ansicht an. Dort könntest Du für die Darstellung ein vierspaltiges Raster wählen und die Ansicht dann als Block an den Node hängen.
Das sollte sich mit CSS lösen
am 26.09.2011 - 08:40 Uhr
Das sollte sich mit CSS lösen lassen. Drupal 7 gibt den Datentyp als Klasse bei einem Div-Tag unterhalb von Content. Dann folgt später ein Div-Tag mit der Klasse field-name-field-foto und danach kommen Div-Tags mit der Klasse field-item. Diesen gibst Du ein float: left;. Damit werden soviele Bilder nebeneinander gesetzt, wie in das übergeordnete Element passen (div.field-items). Also kannst Du die Anzahl der Bilder, die nebeneinander gesetzt werden, über die Breite dieses Elementes steuern.
Beste Grüße
Werner
P.S. CSS-Kenntnisse sind für das Theming definitiv Grundlagen, da solltest Du Dich dringend einarbeiten.
Zitat:Drupal 7 gibt den
am 26.09.2011 - 17:33 Uhr
Drupal 7 gibt den Datentyp als Klasse bei einem Div-Tag unterhalb von Content
Genau das war der Ansatz den ich brauchte!
.field-name-field-foto .imagefield img {border: 0 none;
float: left;
margin: 0 0.5em;
... für alle die es interessiert das ist meine Lösung des Problems. Damit werden die Bilder schön nebeneinander platziert und zwar nur bei meinem Feld "foto" welches ich erstellt habe.
@thor: den Screencast kannte ich schon und er hat mir auch bei vielen Sachen weitergeholfen. Nur das mit dem Datentyp fehlte mir noch.
Vielen Dank Euch beiden.
Also bei mir klappt das noch
am 28.04.2013 - 14:26 Uhr
Also bei mir klappt das noch nicht so ganz. Ich krieg das aktuell nur hin, dass alle Bilder ein float haben.
.field-type-image img{
color: #b03330;
text-decoration: none;
float: left;
margin: 0.5em 1em 1em 0;
Wenn ich versuche das nur bei meinen zusätzlichen Fotos zu machen, dann ist das float komplett weg :(
.field-name-field-zusatzfotos .field-type-image img{
color: #b03330;
text-decoration: none;
float: left;
margin: 0.5em 1em 1em 0;
}
Ich guck mir aktuell schon ein CSS Tutorial an, weil ich da auch noch neu bin. Aber der Style an sich funktioniert ja schon. Irgendwie bin ich nur zu dusselig die richtige klasse zu finden.
Beispielseite. Das Bild oben soll so bleiben wie es ist, die zusätzlichen unten sollen nebeneinander dargestellt werden.
.field
am 28.04.2013 - 15:32 Uhr
.field field-name-field-zusatzfotos .field-item{
float:left;
}
Wenn schon, dann bitte auch
am 28.04.2013 - 15:54 Uhr
Wenn schon, dann bitte auch richtig:
.field-name-field-zusatzfotos .field-item {float:left;
}
Beste Grüße
Werner
Die Variante hat
am 29.04.2013 - 08:02 Uhr
Die Variante hat funktioniert. Vielen Dank!