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

  • gepatchte PHP Version 7.4 für Windows
  • Рейтинг онлайн казино 2026 — полный разбор
  • Canvas Palette: Eine fertige Komponentenbibliothek für Drupal Canvas
  • Hilfe zu Updates oder Composer
  • Vergleich Drupal und Contao
  • [geloest] Blocks in Bootstrap nebeneinander darstellen und nicht untereinander
  • DrupalCamp Frankfurt 27-28 November 2026
  • Bitte mein Bentzerkonto löschen
  • Beim Aufruf einiger Inhalte erhalte ich folgende Fehlermeldung
  • Neuinstallation: vermutlich ein rewrite-Problem
  • Drupal CMS installieren
  • [erledigt]MP3 in Drupal 10 einbinden
Weiter

Neue Kommentare

  • Danke Schmittrich. Die Frage
    vor 14 Stunden 1 Minute
  • Keine Antwort auf die Frage nach dem Woher
    vor 16 Stunden 41 Minuten
  • Danke ich werde mir die
    vor 5 Wochen 5 Tagen
  • Vielen Dank für Ihren
    vor 6 Wochen 1 Tag
  • Composer ist sehr ratsam
    vor 6 Wochen 3 Tagen
  • Vielen Dank für den
    vor 6 Wochen 5 Tagen
  • Die alten CMS Vergleiche von contentmanager.de
    vor 6 Wochen 6 Tagen
  • Gut gemacht
    vor 6 Wochen 6 Tagen
  • Layout Builder etc. z.B. für Landing Pages
    vor 6 Wochen 6 Tagen
  • Links
    vor 7 Wochen 1 Tag

Statistik

Beiträge im Forum: 250320
Registrierte User: 20569

Neue User:

  • AnthonyhoF
  • CasinoTopsam
  • Philiphelve

» Alle User anzeigen

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