Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Themes & Theming ›

Wie wende ich CSS auf Bilder an?

Eingetragen von HanDuo (16)
am 16.02.2011 - 14:52 Uhr in
  • Themes & Theming
  • Drupal 7.x

Irgendwie blicke ich nicht ganz durch, wie ich es hin bekomme, dass mein CSS auf Bilder angewendet wird.

Ich habe bislang zwei Typen von Bildern. Dafür habe ich unter Inhaltstypen --> Artikel --> Felder verwalten zwei neue Feldtypen angelegt. Einmal 'abild' für den Anrisstext und 'bbild' für den vollständigen Inhalt. Die heißen jetzt also 'field_abild' und 'field_bbild'.

Im CSS Dokument habe ich jetzt versucht probeweise einfachen mal einen Bildrand um die Bilder herum zu legen:

.field-field_abild  { border: solid 10px red;}
.field-field_bbild  { border: solid 10px blue;}

dann habe ich noch das probiert:

.field-type-image
.abild  { border: solid 10px red;}
.bbild  { border: solid 10px blue;}

und

.node .field-item img
.abild  { border: solid 10px red;}
.bbild  { border: solid 10px blue;}

und noch ne Menge mehr. Die Angaben unterschiedlich miteinander kombiniert und geguckt, welche Namen firebug mir zu den div's nennt. Die von mir angelegten Felder tauchen da aber gar nicht auf.

Hier mal das Ende des Pfades ab 'content-wrapper':
div#content-wrapper div#content-border div#content.first div.region div#block-system-main.block-system div.inner div.content div#node-3.node div.content div.field div.field-items div.field-item a img

Mit .field-type-image { border: solid 10px red; } 

und

.node .field-item img { border: solid 10px red; }

wird mein CSS zwar angenommen, ist aber für alle Bilder gleich. Ich würde aber gerne zwischen abild und bbild unterscheiden.

Also, ich komme hier irgendwie nicht weiter.

Daher: Kann mir bitte einfach mal jemand sagen, wie ich ein selbst angelegtes Bild-Feld das ich im Inhaltstyp Artikel anlege und 'abild' nenne im CSS bezeichnen muss, damit Drupal versteht, welches Bild/Feld damit gemeint ist?

Ich danke für Eure Antworten, da ich auch nach mehreren Stunden Handbuch lesen nicht wirklich schlauer geworden bin.

‹ Upload Form in tpl.php ausgeben! Suche Theme für vierspaltigen Webauftritt ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Ich hab's raus

Eingetragen von HanDuo (16)
am 18.02.2011 - 21:23 Uhr

Ok Leute, ich hab die Lösung:

.field-name-field-abild .field-items { border: solid 10px red; }

Dank diesem Thread bin ich drauf gekommen: http://www.drupalcenter.de/node/24287

  • Anmelden oder Registrieren um Kommentare zu schreiben

https://addons.mozilla.org/de

Eingetragen von xqbzzr (156)
am 18.02.2011 - 23:40 Uhr

https://addons.mozilla.org/de/firefox/addon/firebug/ hast Du aber schon aktiviert, ja?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ja, firebug und web developer...

Eingetragen von HanDuo (16)
am 19.02.2011 - 13:27 Uhr

...benutze ich beide. Ohne firebug wäre ich vermutlich schon mehrfach wahnsinnig geworden.

Bislang habe ich meine Seiten immer in plain (X)HTML und CSS geschrieben. An die Eigenheiten eines CMS muss ich mich erst noch gewöhnen. Manchmal hänge ich an Dingen, die später eine Kleinigkeit sind. Gewusst wie eben.

Drupal finde ich soweit super. Wo es "handgeschriebenen" Webseiten aber niemals das Wasser wird reichen können, sind die Ladezeiten. Der gute alte Weg Webseiten zu erstellen hat auch seine Vorteile.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Zitat: Der gute alte Weg

Eingetragen von Exterior (2903)
am 19.02.2011 - 14:23 Uhr
Zitat:

Der gute alte Weg Webseiten zu erstellen hat auch seine Vorteile.

Und einen ganz entscheidenden Nachteil: Nur mit HTML und CSS hast du null Dynamik und völlig statische Seiten, das ist für viele Dinge absolut nicht ausreichend.

Natürlich laden reine HTML-Seiten schneller, weil der ganze PHP-Hintergrund (oder Perl oder was auch immer) weg fällt, aber dafür haben sie für einen Nutzer auch nur informativen Nutzen, ordentlich arbeiten kann man mit so einer Seite nicht.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Das gute alte Pferd hat auch

Eingetragen von Alexander Langer (3416)
am 19.02.2011 - 15:57 Uhr

Das gute alte Pferd hat auch so seine Vorteile gegenüber einem Auto. Es ist CO2-neutral, biologisch abbaubar, es entstehen keine Schadstoffe, braucht kein Benzin und wenn es mal das Zeitliche segnet kann man es zu Rouladen und Gulasch verarbeiten...

Aber ich wollte heute Vormittag nicht mit dem Pferd von Mannheim nach Iserlohn geritten sein.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Schon ok Jungs,...

Eingetragen von HanDuo (16)
am 19.02.2011 - 16:03 Uhr

...ich wollte mich hier nicht unbeliebt machen.

Dass ich zur Zeit an einer Webseite auf Drupal Basis arbeite hat natürlich seinen Grund. Ich sehe die Vorteile und Möglichkeiten also durchaus.

Im Fall einer Wüstenquerung würde ich das Kamel allerdings noch immer dem Jeep vorziehen. Oder gibt es schon einen Treibsand-Sensor fürs Auto?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • 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?
  • Update Manger läst sich nicht Installieren
Weiter

Neue Kommentare

  • melde mich mal wieder, da ich
    vor 4 Tagen 6 Stunden
  • Hey danke
    vor 5 Tagen 43 Minuten
  • Update: jetzt gibt's ein
    vor 5 Tagen 18 Stunden
  • Hallo, im Prinzip habe ich
    vor 1 Woche 3 Tagen
  • Da scheint die Terminologie
    vor 1 Woche 3 Tagen
  • Kannst doch auch alles direkt
    vor 2 Wochen 13 Stunden
  • In der entsprechenden View
    vor 2 Wochen 13 Stunden
  • Dazu müsstest Du vermutlich
    vor 2 Wochen 13 Stunden
  • gelöst
    vor 4 Wochen 4 Tagen
  • Ja natürlich. Dass ist etwas,
    vor 4 Wochen 5 Tagen

Statistik

Beiträge im Forum: 250233
Registrierte User: 20449

Neue User:

  • Mroppoofpaync
  • 4aficiona2
  • AppBuilder

» 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 1 Benutzer und 8 Gäste online.

Benutzer online

  • wla

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