Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Allgemeines zu Drupal ›

Attribute für Bilder im Block

Eingetragen von gil (146)
am 13.09.2017 - 16:53 Uhr in
  • Allgemeines zu Drupal
  • Drupal 7.x

Wie kann man Bilder im Block z.B.: zentriert darstellen ohne CSS oder View zu benutzen?
Oder gibt es ein Attributen Modul für den Block selbst, so ähnlich wie mit dem CKEditor?

‹ Titel des Such-Formulars ändern Andere Jquery-Version für Inhaltstyp ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Du kannst in der

Eingetragen von wla (9466)
am 13.09.2017 - 18:05 Uhr

Du kannst in der Konfiguration des Editors dafür sorgen, daß der CKEditor auch für den Block-Inhalt verwendet wird. Dann ist das genau so, wie bei sonstigen Textareas.
Eigentlich sind aber Kenntnisse in HTML und CSS Grundlagen für alle, die Webseiten bauen wollen. Ich würde das immer mittels CSS lösen.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Danke dir, ok und wie könnte

Eingetragen von gil (146)
am 13.09.2017 - 20:54 Uhr

Danke dir, ok und wie könnte dies via css aussehen?

  • Anmelden oder Registrieren um Kommentare zu schreiben

WIe sieht die HTML-Struktur

Eingetragen von wla (9466)
am 13.09.2017 - 23:24 Uhr

WIe sieht die HTML-Struktur um das Bild aus? Man benötigt eine genaue Ansprache des übergeordneten Elements, bzw der darüberliegenden Struktur bis zum Block.

  • Anmelden oder Registrieren um Kommentare zu schreiben

html weiß ich gar nicht muss

Eingetragen von gil (146)
am 14.09.2017 - 07:33 Uhr

html weiß ich gar nicht muss ich schauen, aber wir waren bei css und da gibt es zwei Blöcke wo image vorkommt:

form#simpleads-node-form #edit-field-ad-flash,
form#simpleads-node-form #edit-field-ad-text,
form#simpleads-node-form #edit-field-ad-image,
form#simpleads-node-form #edit-field-ad-url-taget,
form#simpleads-node-form #edit-field-ad-url {
  display: none;
}

oder

form#simpleads-node-form #edit-field-ad-flash .form-item,
form#simpleads-node-form #edit-field-ad-text .form-item,
form#simpleads-node-form #edit-field-ad-image .form-item,
form#simpleads-node-form #edit-field-ad-url-taget .form-item,
form#simpleads-node-form #edit-field-ad-url .form-item {
  background-color: #eeeeee;
  padding-left: 10px;
  padding-right: 10px;
}

wenn ich das richtig verstehe muss in einen der beiden so was rein, wie 'text-align: center'

  • Anmelden oder Registrieren um Kommentare zu schreiben

Du mußt immer von der

Eingetragen von wla (9466)
am 14.09.2017 - 09:25 Uhr

Du mußt immer von der HTML-Struktur ausgehen. Wenn Du einen Block mit Bild hast, etwa so

Dann hat der eine HTML-Struktur

<div id="block-block-1" class="block block-block contextual-links-region">
<h2>Image-Block</h2>
  <div class="contextual-links-wrapper contextual-links-processed">
   . . . .
  </div>
  <div class="content">
     <p>
        <img src="/sites/default/files/IMG_6681.jpg" alt="Tor" width="150">
     </p>
   </div>
</div>

Dann kannst Du dieses Bild in CSS so zentrieren:
#block-block-1 .content > p {
    text-align: center;
}

Die CSS-Anweisung text-align: center; wird also beim Elternelement des Bildes eingetragen.
Blöcke sind bei Drupal immer eindeutig. Von dort hangels Du Dich durch die Struktur
Im Block mit der ID block-block-1gibt es ein Element mit der Klasse content und direkt darunter ein p-Tag. Dieses p-Tag bekommt jetzt die Anweisung seinen Inhalt zentriert darzustellen und damit ist das Bild in diesen Block zentriert.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Vielen Dank, Ok bestimmt kann

Eingetragen von gil (146)
am 14.09.2017 - 12:17 Uhr

Vielen Dank, Ok bestimmt kann ich am einfachsten, den Block via Firebug finden. Das bekomme ich bestimmt hin.
Aber welches der vielen css Files soll ich nehmen.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Das hängt jetzt von der

Eingetragen von wla (9466)
am 14.09.2017 - 19:38 Uhr

Das hängt jetzt von der Drupalversion ab. Bei Drupal 7 lege ich einfach einen eigenen CSS-File an und hänge den über die .info-Datei als letzen in der Liste ein. In dem werden dann alle Änderungen von mir gesammelt. Damit werden auch bereits vorhandene Anweisungen überschrieben (also nie in einer fremden CSS-Datei ändern).
Bei Drupal 8 ist das Einbinden etwas komplizierter.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Vielen Dank, habe es

Eingetragen von gil (146)
am 15.09.2017 - 20:57 Uhr

Vielen Dank, habe es hinbekommen.

Das mit der *.info Datei hat nicht funktioniert.
Habe in der responsive_bartik.info folgende Zeile eingefügt stylesheets[all][] = css/mysimpleads.css und selbstverständlich im Ordner css die Datei angelegt. Letztendlich habe ich es in der Modul CSS Datei eingetragen und es funzt.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • gepatchte PHP Version 7.4 für Windows
  • Canvas Palette: Eine fertige Komponentenbibliothek für Drupal Canvas
  • Hilfe zu Updates oder Composer
  • Vergleich Drupal und Contao
  • [geloest] Blocks in Bootstrap nebeneinander darstellen und nicht untereinander
  • DrupalCamp Frankfurt 27-28 November 2026
  • Bitte mein Bentzerkonto löschen
  • Beim Aufruf einiger Inhalte erhalte ich folgende Fehlermeldung
  • Neuinstallation: vermutlich ein rewrite-Problem
  • Drupal CMS installieren
  • [erledigt]MP3 in Drupal 10 einbinden
  • (gelöst)Drupal 11 installieren
Weiter

Neue Kommentare

  • Danke ich werde mir die
    vor 5 Wochen 4 Tagen
  • Vielen Dank für Ihren
    vor 5 Wochen 6 Tagen
  • Composer ist sehr ratsam
    vor 6 Wochen 1 Tag
  • Vielen Dank für den
    vor 6 Wochen 4 Tagen
  • Die alten CMS Vergleiche von contentmanager.de
    vor 6 Wochen 4 Tagen
  • Gut gemacht
    vor 6 Wochen 4 Tagen
  • Layout Builder etc. z.B. für Landing Pages
    vor 6 Wochen 4 Tagen
  • Links
    vor 7 Wochen 10 Stunden
  • Moin,wow, sehr gutes
    vor 7 Wochen 1 Tag
  • Dass ist eine spannende
    vor 7 Wochen 1 Tag

Statistik

Beiträge im Forum: 250317
Registrierte User: 20567

Neue User:

  • Philiphelve
  • Robertspaft
  • drupalthemes

» Alle User anzeigen

User nach Punkten sortiert:
wla9466
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 13 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association