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 (9461)
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 (9461)
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 (9461)
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 (9461)
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

  • Medien und andere Daten mit Feeds von Drupal 7 auf Drupal 10 migrieren
  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
Weiter

Neue Kommentare

  • Inzwischen sind wir bei
    vor 1 Woche 2 Tagen
  • Migrieren von D7 auf D8/ D10/ D11
    vor 1 Woche 2 Tagen
  • melde mich mal wieder, da ich
    vor 9 Wochen 5 Minuten
  • Hey danke
    vor 9 Wochen 18 Stunden
  • Update: jetzt gibt's ein
    vor 9 Wochen 1 Tag
  • Hallo, im Prinzip habe ich
    vor 9 Wochen 5 Tagen
  • Da scheint die Terminologie
    vor 9 Wochen 6 Tagen
  • Kannst doch auch alles direkt
    vor 10 Wochen 3 Tagen
  • In der entsprechenden View
    vor 10 Wochen 3 Tagen
  • Dazu müsstest Du vermutlich
    vor 10 Wochen 3 Tagen

Statistik

Beiträge im Forum: 250235
Registrierte User: 20462

Neue User:

  • marouane.blel
  • capilclinic
  • Quabzibboter

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 26 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