wp_list_cats before & after ???

Müssen es denn unbedingt DIV-Container sein?
Schließlich kannst du ja per CSS alle möglichen Eigenschaften zuweisen...
Die Klasse wäre cat-item (jedenfalls bei wp_list_categories).

Warum nicht?

#sidebar ul {
border-left: ...;
}

Ja und? Is doch kein Problem. Auch ohne irgendwelche DIVs. Und auch die Browseranzeige ist überall gleich, zur Not muss man halt ein paar CSS-Hacks einsetzen.

HTML:

<ul>
<li>Themes:
  <ul>
   <li>Punkt 1</li>
   <li>Punkt 2</li>
  </ul>
</li>
</ul>

CSS:

#sidebar ul {
border-left:1px solid #00f;
color:#0f0;
}
#sidebar ul ul li {
border-left:2px solid #00f
color:#770;
}

Also mein Code macht genau das, was du in deinem Beispielbild gezeigt hast. Warum also funktioniert das in deinem Fall nicht?

Die Datenbankabfrage wirst du so vielleicht hinbekommen (kannst dich ja am Original-WP-Code orientieren, musst dich nur durch die Inlude-Files zur Funktion get_cats() oder so durchwühlen) - allerdings sitzt du dann spätestens beim Upgrade auf Version 2.3 auf dem Trockenen. Da gibts nämlich keine Tabelle "wp_categories" mehr (die heißt jetzt wp_terms und hat noch andere Inhalte).

Aha. Und warum nicht gleich so? SCNR :twisted:

Für die Abstände links zum border:

padding-left:5px;

an der gewünschten Stelle im Stylesheet einfügen. Eventuell musst du eine neue Regel anlegen, sowas wie .cat_list ul li { padding-left:5px; }

Für die Abstände nach oben/unten:

.cat_list ul li {
margin:5px 0;
}

Zum Verständnis:
Außenabstand (margin): Abstände: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Innenabstand (padding): Abstände: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Zitat von tomeccco

danke für deine geduldige unterstützung!

du bringst mich jetzt wirklich weiter.

Schön, so solls ja sein. Und ich freu mich, dass du jetzt endlich auf meine Hinweise eingehst. :-)

Zitat

wenn du in mein file schaust, siehts du mein css-code.

was mir jetzt noch fehlt, ist das die ganze sache 5px von links wegrückt.
im bsp ist body margin 0px; aber in real ist da ein div mit einem left-border.

Du brauchst einen Außenabstand nach links zu deiner ul-Liste. Also ändere die Zeile

.cat_list ul {
margin:0px 0px 0px [COLOR="Red"][B]5px[/B][/COLOR];
}

Den Link zur Erklärung von "margin" hatte ich dir ja oben schon geschickt.

Du kannst auch dem umschließenden DIV ein padding(-left) von 5px geben, dann gilt der Abstand vom Rand für alle Elemente innerhalb des DIVs.

Zitat

ps: btw: was heisst SCNR ? ;-)

"Sorry, I Could Not Resist" - also in etwa: "Tut mir leid, aber ich konnte einfach nicht widerstehen." ;-)

Zitat

ich kann ja verstehn, dass mein sturkopf nervig ist.
dachte für mich ist es einfach der leichtere weg mit der datenbank, was mit den
doch eher sehr verstrickten tables eher sehr komplex ist und wenn du sagst nicht(oder schwer)updatbar....

Japp, langsam hatte ich auch keine Lust mehr. Aber dann hast du dich ja doch noch entschieden, meine Variante auszuprobieren. :-)

Zitat von tomeccco

klappt irgendwie nicht, weil die ul in der ul margin 0 sein muss.

Bitte was? Versteh ich jetzt nicht. Na egal, gibt ja meistens mehrere Wege zum Ziel.

Zitat

aber natürlich klappt es mit dem padding im div mit dem border left.

somit stimmt das design mit meiner vorlage überein und alle probleme sind dank dir beseitigt.

Sehr schön! :-D

Zitat

das ist auf jedenfall sauberer als mit divs und wohl updatefähig.

Na auf jeden Fall. Die Output-Struktur des Kategorielistings wird sich sicher - wenn überhaupt - nur sehr selten ändern.

Zitat

vielen dank und gruss,

tomeccco

Gruß zurück! :-)
marX