Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Anfängerfragen ›

ccs problem [gelöst]

Eingetragen von Bastian (128)
am 30.09.2009 - 11:34 Uhr in
  • Anfängerfragen
  • Drupal 6.x

Hallo Leute,

habe eine kurze Verständnisfrage zum Thema css theming in der styles.css

Ich benutze das Modul views-carousel. Dieses Modul gibt mir einen Container aus der vom Modul standartmäßig auf 245px breite definiert ist. Dies Möchte ich auf 1000px ändern.

Natürlich will ich das nicht in der css datei vom Modul machen sondern in der styles.css

Soweit so gut.

Mit Firebug finde ich raus, dass das Element das ich verändern will .jcarousel-container-horizontal heißt

Füge ich jetzt einfach

.jcarousel-container-horizontal
{
width:1000px;
}

in die styles.css ein funktioniert dies nicht. Ich denke mal da muss noch was vor das .jcarousel-container-horizontal und zwar etwas das mit einer # beginnt. Ich habe aus webcasts schon mitbekommen das ich das auch mit Firebug rausfinde, aber ich raffs nit.
Habe jetzt schon ewig viele sachen vorangesetzt aber der Container verändert sich nicht.

Kann mir da einer nen Einblick geben ???

Gruss Bastian

‹ Problem mit Taxonomy und CCK [gelöst] Bilder in Drupal ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

CSS

Eingetragen von stBorchert (6003)
am 30.09.2009 - 11:40 Uhr

Wenn Du mit Firebug das Element gefunden hast (Klasse .jcarousel-container-horizontal) suchst Du Dir dort auch gleich eines der übergeordneten HTML-Elemente heraus. Von einem dieser Elemente (zum Beispiel <div class="node">) setzt Du dann die Klasse davor:

.node .jcarousel-container-horizontal
{
  width:1000px;
}

hth,

 Stefan

--
sei nett zu Deinem Themer

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hi Stefan, mein Ausdruck

Eingetragen von Bastian (128)
am 30.09.2009 - 11:59 Uhr

Hi Stefan,

mein Ausdruck sieht jetzt so aus

.jcarousel-skin-tango .jcarousel-container-horizontal
{
  width:1000px;
}

und es funktioniert. Das ist jetzt ein Element hoch gegangen. Noch ein Elemt weiter hoch währe

.view-content .jcarousel-container-horizontal
{
  width:1000px;
}

da klappt es wohl logischerweise auch. An dem logischerweise erkennst du aber vieleicht das ich den Zusammenhang nicht verstehe. Wiese funktiert das ohne das was vorangestellt ist nicht und wenn ich einfach was voranstelle das eins höher liegt klappt es??

Außerdem verstehe ich nicht so ganz wo der unterschied liegt zwischen etwas das mit .beginnt und vorangestellt wird und etwas das mit #beginnt und vorangestellt wird.

Bin verwirrt... Aber vielen dank schonmal das es jetzt funktioniert.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hallo Bastian, der

Eingetragen von MartinI (28)
am 30.09.2009 - 12:08 Uhr

Hallo Bastian,

der unterschied zwischen . und # ist eigentlich relativ einfach zu erklaeren.

- Alles was mit einem . beginnt ist eine Klasse
- Alles was mit einem # beginnt ist eine ID

Klassen koennen beliebig oft im HTML-Code verwendet werden, IDs sollten nur einmal in deinem HTML-Code auftreten.

Die Geschichte mit vorangestellten IDs oder Klassen im CSS:

Je genauer du einen Pfad zu einem Element angibst desto hoeher werden deine Formatierungen gewertet. Gibst du nur formatierst du nur .jcarousel-container-horizontal kann es sein dass ein anderes Stylesheet .jcarousel-skin-tango .jcarousel-container-horizontal formatiert. Da dies ein genauer spezifizierter Pfad ist wird er greifen und nicht deiner.

  • Anmelden oder Registrieren um Kommentare zu schreiben

ah ok das verstehe ich doch

Eingetragen von Bastian (128)
am 30.09.2009 - 12:57 Uhr

ah ok

das verstehe ich doch auch mal :-)

Wie sieht es dann aus, theoretisch könnte ich dann also so ein konstrukt bis zu höchsten ebene in die css baun

.höchstebene .ebene2 .ebene3 .ebene3 .verwendetesObjekt

gibt es da nicht ne abkürzung? sowas wie

&höchsteebene .verwendetesObjekt

damit ich nicht theoretisch alles bis oben ausschrieben müsste.

Gruss Bastian

  • Anmelden oder Registrieren um Kommentare zu schreiben

im Normalfall reicht es wenn

Eingetragen von stebeg (463)
am 30.09.2009 - 13:11 Uhr

im Normalfall reicht es wenn du bist zum nächst höheren Element gehst, das eine ID hat. Also

#element-mit-id .element-mit-class

Die ID eines Elements sollte auf der Seite eigentlich einzigartig sein, eine Klasse kann beliebig oft vorkommen. Deshalb kann man dementspechend jedes Element mit einer Klasse über das übergeordnete Element, das eine ID hat, identifizieren.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ok bedeutet also ich suche

Eingetragen von Bastian (128)
am 30.09.2009 - 13:29 Uhr

Ok

bedeutet also ich suche mir mit firebug meine klasse die ich verändern will

.verändern

danach suche ich mit firebug nach oben gehend die nächste id

#nächsteId

dann kann ich im css einfach schreiben

#nächsteId.verändern

und schon müsste es funktionieren.

Liege ich da richtig??

  • Anmelden oder Registrieren um Kommentare zu schreiben

bei mir hats bis jetzt immer

Eingetragen von stebeg (463)
am 30.09.2009 - 14:26 Uhr

bei mir hats bis jetzt immer genau so funktioniert.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Dann bedanke ich mich recht

Eingetragen von Bastian (128)
am 30.09.2009 - 14:35 Uhr

Dann bedanke ich mich recht herzlich und versuche mal das neue Wissen umzusetzen.

Gruss Bastian

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Dynamische Ansicht von Seiteninhalt (als Tabelle?)
  • Vergabe von Berechtigungen für bestimmte Rollen; mir fehlt der Haken bzw. das „Veröffentlicht“
  • Ich brauche dringen Hilfe zu Updates oder ggf. wwie geht Composer?
  • 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
  • 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
Weiter

Neue Kommentare

  • Arrrrg. Nix Tabelle :-D /*
    vor 3 Wochen 21 Stunden
  • Textboxen mit Tabelle
    vor 3 Wochen 1 Tag
  • Du sollst ja auch keine
    vor 3 Wochen 1 Tag
  • Theme
    vor 3 Wochen 1 Tag
  • Welches Theme benutzt du
    vor 3 Wochen 1 Tag
  • Mit Responsive Raster hatte
    vor 3 Wochen 2 Tagen
  • Hallo Alex,um das Häkchen
    vor 3 Wochen 2 Tagen
  • Modul view_unpublished
    vor 3 Wochen 3 Tagen
  • Modul "override node options"
    vor 3 Wochen 4 Tagen
  • Im Grunde ist dass ein
    vor 3 Wochen 6 Tagen

Statistik

Beiträge im Forum: 250270
Registrierte User: 20481

Neue User:

  • Aoirhic
  • Stevebok
  • Robertnobia

» Alle User anzeigen

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