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 - 17: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 (9464)
am 13.09.2017 - 19: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 - 21: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 (9464)
am 14.09.2017 - 00: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 - 08: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 (9464)
am 14.09.2017 - 10: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 - 13: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 (9464)
am 14.09.2017 - 20: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 - 21: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

  • Drupal CMS installieren
  • [erledigt]MP3 in Drupal 10 einbinden
  • (gelöst)Drupal 11 installieren
  • Titel ausblenden
  • Ich brauche dringen Hilfe zu Updates oder ggf. wwie geht Composer?
  • Dynamische Ansicht von Seiteninhalt (als Tabelle?)
  • Vergabe von Berechtigungen für bestimmte Rollen; mir fehlt der Haken bzw. das „Veröffentlicht“
  • Medien und andere Daten mit Feeds von Drupal 7 auf Drupal 10 migrieren
  • Rolle erstellen nicht zu finden
  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
Weiter

Neue Kommentare

  • Verwende doch das Tag dafür,
    vor 5 Tagen 23 Stunden
  • Guckst du hier: step by step
    vor 5 Tagen 13 Stunden
  • Guckst du hier: step by step
    vor 5 Tagen 13 Stunden
  • Ich habe ja keine Angst vor
    vor 2 Wochen 23 Stunden
  • Ist grundsätzlichmachbar – aber nichts für „einfach mal schnell“
    vor 2 Wochen 3 Tagen
  • Vielen Dank erst einmal, aber
    vor 2 Wochen 4 Tagen
  • Du hast die "Trusted host
    vor 2 Wochen 5 Tagen
  • Bitte genauer den aktuellen Lösungs-Ansatz beschreiben
    vor 4 Wochen 4 Tagen
  • Git und rsync sind die wichtigsten Werkzeuge
    vor 5 Wochen 17 Stunden
  • Arrrrg. Nix Tabelle :-D /*
    vor 9 Wochen 2 Tagen

Statistik

Beiträge im Forum: 250284
Registrierte User: 20499

Neue User:

  • Inga GuAph
  • Robertolix
  • DavidBit

» Alle User anzeigen

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