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

[ gelöst ] Brauche Syntax erläuterung CSS

Eingetragen von CG (338)
am 03.06.2009 - 13:32 Uhr in
  • Themes & Theming
  • Drupal 6.x

Hallo zusammen :D

ich beschäftige mich seit einiger zeit mit drupal, aber irgendwie bereitet mir das themen noch probleme, im konkreten fall geht es um Nice_Menus.

Wenn mir jemand 2-3 "längere" CSS Syntax erklären könnte wäre ich sehr dankbar.

kurze knackige css findet man an jeder ecke, nur leider keine brauhbare anleitung wenn man ein element nur über seine eltern ansprechen will... (hoffentlich sagt man das so ^^)

Wenn mir das jemand wie folgt erklären kann wäre super! oder einfach ne anleitung dazu hätte dann würde ich mich auf die stürzen und danach fragen stellen:

Beispiel:

li#container
{
CSS
}

Zitat:

CSS gilt für alle li-Elemente die im Container "meindiv" enthalten sind

---------------------------------------------------------------------------------------
Verständnisprobleme habe ich unter anderm mit solchen konstruktionen:

ul.nice-menu-left li ul li ul
{
CSS
}

Der Anfang ist klar

Zitat:

CSS gilt für alle ul-Elemente mit der Klasse "nice-menu-left"

aber was bedeutet der li und ul wullst hinten dran ?
-----
Dann hätte ich noch folgenden im Angebot

#header-region ul.nice-menu-down li li.menuparent

freu mich auf eure antworten

mfg chris

‹ node-inhaltsty.tpl.php themen Wechselnde Header ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

ul.nice-menu-left li ul li

Eingetragen von Iglos (90)
am 03.06.2009 - 14:00 Uhr

ul.nice-menu-left li ul li ul
die ul mit der klasse nice-menu-left
dann das darunter folgende li, welches ein ul beinhaltet, das hat wieder ein li, und das hat dann ul, und genau dieses ul wird angesprochen.

#header-region ul.nice-menu-down li li.menuparent
das element mit der id header-region, in dem element gibt es eine ul mit der klasse nice-menu-down, das hat ein li, und das hat ein li mit der klasse menuparent. das wird dann angesprochen

  • Anmelden oder Registrieren um Kommentare zu schreiben

CSS

Eingetragen von stBorchert (6003)
am 03.06.2009 - 14:23 Uhr

Moin.

G schrieb

li#container { CSS }

Zitat:

CSS gilt für alle li-Elemente die im Container "meindiv" enthalten sind

Öhm, nein. Das CSS gilt genau für das <li> Element mit der Id "container".

G schrieb

ul.nice-menu-left li ul li ul { CSS }
Der Anfang ist klar

Zitat:

CSS gilt für alle ul-Elemente mit der Klasse "nice-menu-left"

Auch hier: nein. Das CSS gilt für alle <ul> Elemente innerhalb eines <li> Elements, welches sich innerhalb eines <ul> Elements befindet, welches sich widerum innerhalb eines <li> Elements befindet, welches sind in einem <ul> Element mit der Klasse "nice-menu-left" befindet. Also quasi diese Struktur:

<ul class="nice-menu-left">
  <li>
    <ul>
      <li>
        <ul></ul> <!-- das hier -->
      </li>
    </ul>
  </li>
</ul>

G schrieb

#header-region ul.nice-menu-down li li.menuparent

<div id="header-region">
  <ul class="nice-menu-down">
    <li>
      <ul>
        <li class="menuparent"></li> <!-- das hier -->
      </ul>
    </li>
  </ul>
</div>

hth,

 Stefan

--
sei nett zu Deinem Themer

  • Anmelden oder Registrieren um Kommentare zu schreiben

ja geil ! 1000 dank iglos,

Eingetragen von CG (338)
am 03.06.2009 - 14:42 Uhr

ja geil ! 1000 dank iglos, ich probier heut abend mal die Erkenntnise aus deinen erklärungen umzusetzten! Aber ich denk jetz hats gschnaggelt.

mfg

chris

edit: Jawoll auch 1000 Dank an dich Stefan, da haben wir wohl gleichzeitig geschrieben :D , ihr habt mir aber schon weiter geholfen dadurch das ich jetzt weiss wie die langen zu verstehen sind kann ich auch mein menü (hoffentlich) endlich so anpassen wie ich es will :D

nochmal big THX an euch beide !

mfg

chris

  • 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 2 Wochen 19 Stunden
  • Hey danke
    vor 2 Wochen 1 Tag
  • Update: jetzt gibt's ein
    vor 2 Wochen 2 Tagen
  • Hallo, im Prinzip habe ich
    vor 2 Wochen 6 Tagen
  • Da scheint die Terminologie
    vor 2 Wochen 6 Tagen
  • Kannst doch auch alles direkt
    vor 3 Wochen 4 Tagen
  • In der entsprechenden View
    vor 3 Wochen 4 Tagen
  • Dazu müsstest Du vermutlich
    vor 3 Wochen 4 Tagen
  • gelöst
    vor 6 Wochen 16 Stunden
  • Ja natürlich. Dass ist etwas,
    vor 6 Wochen 1 Tag

Statistik

Beiträge im Forum: 250233
Registrierte User: 20453

Neue User:

  • ByteScrapers
  • Mroppoofpaync
  • 4aficiona2

» 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 27 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