[Gelöst]Bild links neben Text bei neuem CCK-Typ
Eingetragen von FelixH (108)am 18.08.2010 - 18:31 Uhr in
Hallo Community,
habe schon einiges mit euer Hilfe hinbekommen und stehe nun vor folgendem Problem:
Ich habe einen neuen Inhaltstyp Buch erstellt. Dort kann man ein Bild uploaden, mit imagecache und so. Wenn man sich jetzt eines dieser Buchartikel anguckt, dann steht das Bild des Buches natürlich immer unter oder über dem Text. Wie kriege ich das hin, das links das Buch und rechts daneben der Text ist?
Mit css float:right; für den Textkörper habe ich schon versucht, das klappt nur wenn man dann auch noch die Breite des textkörpers verkleinert.
MfG
DrupalNoob
- Anmelden oder Registrieren um Kommentare zu schreiben
Du mußt das Bild nach links
am 18.08.2010 - 22:31 Uhr
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.
naja
am 19.08.2010 - 13:52 Uhr
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
am 19.08.2010 - 14:05 Uhr
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.
Bitte antworten Wichtig!!!
am 20.08.2010 - 18:19 Uhr
ok vielen Dank für den hinweis, contemplate installiert. jetzt sieht das interface so aus:
Verlag
<?phpprint $node->field_verlag[0]['view']
?>
Bild
<?phpprint $node->field_image[0]['view']
?>
Preis
<?phpprint $node->field_preis[0]['view']
?>
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
am 20.08.2010 - 18:30 Uhr
Das kann man pauschal nciht sagen. Hast Du immer gleich breite Bilder oder variieren die?
Immer gleiche Breite bitte wieder antworten Danke
am 20.08.2010 - 18:59 Uhr
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
am 20.08.2010 - 23:04 Uhr
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
jaja aber...
am 21.08.2010 - 12:30 Uhr
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
am 21.08.2010 - 12:41 Uhr
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.
Vielen Vielen dank , aber...
am 21.08.2010 - 13:16 Uhr
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
am 21.08.2010 - 13:53 Uhr
Wenn Du doch folgenden Code einsetzt:
<?phpprint $node->field_image[0]['view'];
?>
<?phpprint '<span class="xyz">' . $node->field_image[0]['view'] . '</span>';
?>
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
vielen dank
am 21.08.2010 - 17:09 Uhr
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
danke jajajajajja
am 21.08.2010 - 17:25 Uhr
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