Wie Beitragszähler für Kategorien in selbe Zeile?

Hallo zusammen,

ich habe gerade eine gute Stunde lang versucht, den Beitragszähler für die Kategorien in die selbe Zeile zu bekommen. Aber leider vergebens...

Habe hier im Forum auch schon ein paar Ratschläge gefunden, aber irgendwie passt nichts so richtig.

So sieht es derzeit aus: Fernseher & Heimkino News :: TV Facts

Aussehen soll es aber wie hier: Fernseher, Heimkino & Zubehr Shop - 70 Produkte :: TV Facts

Nun habe ich schon versucht das "display: block;" aus der style.css rauszunehmen, aber dann verrutscht alles andere in der Navigation und die Trennlinie ist auch nicht mehr durchgängig.

Ich habe auch das CountInside Plugin von Gunnar Tillmann getestet. Damit befindet sich der Beitragszähler zwar in der selben Zeile, wird aber auch mit in den Link genommen. Das finde ich auch nicht so schön.

Kann mir vielleicht einer helfen, wie ich die style.css anpassen muss, damit es aussieht wie im Shop?

Hier der Codeschnipsel meiner style.css

#leftcol h3
{
    background: url(images/bg_leftcolhead.gif) top left no-repeat;
    color: #333;
    font-size: 12px;
    margin: 0;
    padding: 6px 0 5px 10px;
    text-transform: uppercase;
}
#leftcol .wrapper
{
    background: #fcf3cf;
    border-top: 1px solid #fbebb9;
    border-right: 1px solid #fbebb9;
    border-left: 1px solid #fbebb9;
    margin-top: 1px;
}
#leftcol a:link, #leftcol a:visited, #categories a:link, #categories a:visited
{
    color: #04839f;
}
#leftcol a:hover, #categories a:hover
{
    color: #01b9e7;
}
#leftcol ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#leftcol ul li
{
    background: url(images/icon_category.gif) 5px 8px no-repeat;
}
#leftcol ul li a
{
    background: url(images/bg_menu.gif) bottom left repeat-x;
    display: block;
    padding: 6px 0 7px 20px;
}
#leftcol ul li ul li
{
    background: url(images/bg_menu.gif) bottom left repeat-x;
    margin-left: 20px;
}
#leftcol ul li ul li a
{
    background: url(images/icon_categorysub.gif) 0 11px no-repeat;
    display: block;
    padding: 6px 0 7px 10px;
}

Ich bin um jede Hilfe dankbar!

Beste Grüße,
Manuel

Hallo Monika,

das hatte ich auch schon probiert, wurde auch in diversen anderen Threads genannt, aber dann wird halt alles zusammengerückt und bei den Oberkategorien werden die Trennlinien nicht mehr durchgängig dargestellt, sondern nur so breit wie der Linktext ist.

Kann man auch auf dem Bild im Anhang sehen. Kann man die Abstände da irgendwie regeln? Hatte schon mit padding-Werten rumgespielt. Weiß aber nicht genau an welcher Stelle das eingefügt werden muss und wie man die Trennlinien wieder über die gesamte Breite bekommt.

Kannst du mir da vielleicht noch helfen?

Vielen Dank schon mal für die Hilfe,
Manuel

Hallo Monika,

das mit der Breite und den Bildern vertauschen war ein guter Tipp! :)

Das sieht schon viel besser aus. Habe noch padding-top und padding-bottom eingebaut, damit die Zwischenabstände wieder stimmen.

Nun passt fast alles. Das einzige Problem ist jetzt noch, dass die Trennlinie von der Oberkategorie unter der letzten Unterkategorie ist. Aber eben nur wenn auch Unterkategorien vorhanden sind. Kann man die Trennlinie noch nach oben holen?

Wäre echt nett, wenn du mir dafür auch noch nen Tipp geben könntest! :)

Beste Grüße,
Manuel