Einzug der Unterseiten in der Sidebar

[bionade]

Hallo an alle im Forum!
Weiß jemand, wie man den Einzug von Unterseiten in der Sidebar definiert? Die meisten Themes sind so formatiert, dass die Hauptseiten mit einem Einzug von 0 versehen sind und die Unterseiten mit einem Einzug von ca. 10px.

-Obst
....-Äpfel
........-Cox Orange
........-Macintosh
........-Jonagold
....-Birnen
....-Orangen

Ich denke das ist in CSS definiert, aber wie macht man das genau?

Danke für Ideen!
Bionade

[Alphawolf]

#sidebar-menu li {
  margin-left: 10px;
}

... oder was meinst du?

[bionade]

Zitat von Alphawolf

#sidebar-menu li {
  margin-left: 10px;
}

... oder was meinst du?

Ich weiss noch nicht, was ich meinen soll. Aber wenn ichs ausprobiert habe und es paßt, dann melde ich mich wieder!

Einstweilen vielen Dank!
Bionade

[gsibergerin]

Ist eine gute Frage - das Problem hab ich auch. Kommt ja ganz drauf an, was sonst so in der style.css steht, oder? Bei mir sorgt z.B. folgende Angabe dafür, dass die Links in der Sidebar eingerückt und mit einem Listenpunkt versehen werden (da möcht ich später verschiedene haben):

#body #sidebar ul li ul li  { margin-left: 13px; list-style: disc;!important; }

Das !important war nötig, weil die Grunddefinition "list-style: none" vorsah.
Klappt auch, nur die Unterseiten werden nicht noch mal eingerückt, und ich habe schon viiiele Kombinationen von ul und li probiert...
Wie muss das in dem Fall richtig lauten?
Oder muss man das stattdessen in der sidebar.php irgendwie regeln?

[bionade]

Zitat von gsibergerin

Ist eine gute Frage - das Problem hab ich auch. Kommt ja ganz drauf an, was sonst so in der style.css steht, oder? Bei mir sorgt z.B. folgende Angabe dafür, dass die Links in der Sidebar eingerückt und mit einem Listenpunkt versehen werden (da möcht ich später verschiedene haben):

#body #sidebar ul li ul li  { margin-left: 13px; list-style: disc;!important; }

Das !important war nötig, weil die Grunddefinition "list-style: none" vorsah.
Klappt auch, nur die Unterseiten werden nicht noch mal eingerückt, und ich habe schon viiiele Kombinationen von ul und li probiert...
Wie muss das in dem Fall richtig lauten?
Oder muss man das stattdessen in der sidebar.php irgendwie regeln?

Also ich denke, dass das in der CSS Datei definiert ist. Aber offensichtlich gibt es mehrere Arten den selben Effekt zu erreichen. Mehr weiß ich leider auch nicht. Würde mich interessieren, wie man das sonst noch schreiben kann.

[Alphawolf]

Naja wichtig ist das hier

margin-left: 10px;

Das rückt die Listenpunkte ein. Um genaueres zu sagen, müsste man die jew. Seiten sehen, da jedes Theme anders aufgebaut ist.

[Monika]

 
#body #sidebar ul li ul li  { margin-left: 13px; list-style: disc;!important; }

das da rückt nur die Listenpunkte des 2ten ul ein!

hast Du aber

ul ul ul wird nichts mehr eingerückt

 
#body #sidebar ul li ul li,
#body #sidebar ul li ul li ul li,
#body #sidebar ul li ul li ul li ul li  { margin-left: 13px; list-style: disc;!important; }

usw..
wer ganz genau definiert muß dies beibehalten,

#body #sidebar li tät für alle lis gelten auch für die 1.

lg

[bionade]

Zitat von Monika

 
#body #sidebar ul li ul li  { margin-left: 13px; list-style: disc;!important; }

das da rückt nur die Listenpunkte des 2ten ul ein!

hast Du aber

ul ul ul wird nichts mehr eingerückt.......

Danke! Ich glaub ich habs kapiert!

lG

[Alphawolf]

SELFHTML: Stylesheets / CSS-Eigenschaften / Rahmen

#sidebar img {
  border: solid 1px #ccc;
}

[gsibergerin]

Ich kann den Zusammenhang nicht ganz herstellen, Alphawolf...

Danke, Monika. Die Listenpunkte des 2. ul´s einzurücken, war damit beabsichtigt. Funktioniert auch. Nun wollte ich, dass die Unterseiten von Seiten nochmal zusätzlich eingerückt werden. Sie stehen aber in der selben Linie wie alle anderen Seiten. Ich habe deine Lösung ausprobiert (diese ul li Reihen gehörten zu den Dingen, die ich versucht habe), erziele damit aber leider keine Wirkung. Alles beim Alten. Will heißen: Theoretisches Verständnis, aber unerklärlicherweise keine praktische Wirkung.....