Abstand zwischen Kategorie und Unterkategorie

maggie

Hallo,
ich zeige die Kategorien wie folgt an:

PHP

<?php wp_list_cats('sort_column=name&exclude=8'); ?>

zwischen der Ober- und Unterkategorie ist so eine Leerzeile Abstand, das möchte ich gerne rausnehmen, weiß aber nicht wo in den css das stehen könnte (Spirit Theme).
Danke für Eure Hilfe.
Gruß,
Maggie

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

telekommander

Schwer zusagen, so ohne visuellen Eindruck.

Das Theme habe ich mir mal angeschaut, dort ist aber zwischen Ober- und Unterkategorie keine "Leerzeile".

Deswegen gehe ich erst mal davon aus das diese "Leerzeile" woanders herkommt.
Oder, versuch doch mal mit der Klasse .children für die Unterkategorie irgendwas anzufangen.

flash

Mit nem ähnlichen Thema habe ich mich gestern auch rumgeschlagen.
Wenn ich nicht ganz falsch liege sieht es im Code ungefähr so aus:

Code

<ul>[*]Oberkategorie
  <ul>                                                            [*]Unterkategorie

Der Abstand kommt durch das <ul> zustande. Per CSS könntest du margin und padding verringern und damit die Abstände verkleinern.

maggie

Hi,
wenn ich die Kategorien ohne ul bzw. li anzeigen lasse, erscheint die erwähnte Leerzeile.
Wenn ich die php-Anweisung mit den tags ul und li umschließe, erscheint es ohne Leerzeile aber auch die Oberkategorie ist ein Stück vom Rand eingerückt und das soll nicht sein.

Code

ul li  {
	list-style-type: square;
      margin:0;
}

Wo kann ich denn die Einrückung korrigieren?

Gruß,
Maggie

flash

Also ein wirklicher CSS-Experte bin ich nicht (für die Optik ist mein Co-Autor zuständig), aber setze mal padding auf 0. Zumindest hatte es so bei mir gestern so geklappt.

maggie

Hi flash,
padding 0 nützt leider nichts :cry:

telekommander

Die Definition

Code

ul li  {
   list-style-type: square;
      margin:0;
}

bringt, denk ich, gar nix.
In der entsprechenden Klasse .vnav wird die list-style-type Definition auf "none" gesetzt. Richtig ?

Probier es bitte mal hier in deiner style.css:
für die Oberkategorie unter: .vnav ul li a , ( ab Zeile 321 )
für die Unterkategorie unter: .vnav ul li ul li a, ( ab Zeile 336 )
jeweils mit dem zweiten padding Wert.
Like this: padding: 2px 0px;

Sollte es immer noch nicht klappen, poste doch mal bitte den entsprechenden Auszug (.vnav) aus deiner style.css.

maggie

Danke erstmal!

Also, die ursprüngl. .hnav hab ich ganz aus der style.css rausgenommen und spreche diese class auch in der php Datei nicht an - es gibt noch eine

Code

#menu ul li {
	list-style-type: none;
	list-style-image: none;
}

aber diese dürfte ja auch nur im Zusammenhang mit dem Formatname 'menu' wirken.

Wenn ich in der php Datei

PHP

<?php wp_list_cats('sort_column=name&exclude=8'); ?>

aufrufe, wird folgende Liste (linksbündig) angezeigt.
http://www.formfalt.net/navi.gif

? Woher kommen die Punkte, die Einrückung, die Leerzeilen.

Gruß, Maggie

maggie

:oops: vnav statt hnav!

Monika

maggie
diese Punkte sind immer da außer man verbietet sie.
ich kann spekulieren Ende nie
ohne einen Blick in Deine sidebar.php und die dazugehörigen style.css Angaben wird das nichts.

lG
Monika

maggie

Hallo,
hier meine css und sidebar.php

PHP

css


#rightColumn {
	 /*rechte Spalte*/
	background-color:#FAFAF5;
	float: right;
	width: 13em;
	margin: 0 -14em 0 1px;
	z-index: 2;
}
#test ul li {
color:#E6E3DB;
padding: 0 0;
margin: 0 0; 
list-style-type: square;
}


sidebar.php


<div id="rightColumn">
	<div id="test">
	<ul>[*]
	<?php wp_list_cats('sort_column=name&exclude=8'); ?>
	[/list]
	</div>					
</div>

Alles anzeigen

Das zeigt sich so
http://www.formfalt.net/test.gif
Meine Fragen:
Wie kann ich die Einrückungen bei ul und bei li bestimmen? Ich möchte, dass die Kategorien ganz links beginnen (Einrückung der Unterkategorien ist ok. aber diesen Abstand müsste man ja auch genau bestimmen können. Wo?

Eine andere Frage hätte ich zu der eigentl. Erstellung von css Formaten.
Wann sollte man Kassen verwenden? Wann Individualformate?
Gibt es da so'ne Regel?

Danke für Eure Hilfe.
Gruß,
Maggie

Monika

eine ID ist eine Identifikationsnummer..
frei nach dem Motto: es darf pro html Seite nur eine geben;)
eine class kann öfter vorkommen.

Code

#rightColumn ul 
oder
#id="test" ul 
oder
#rightColumn #test ul
oder
#rightColum li{color:red;}
#rightColum #test li {color:white;}

usw..
so kannst du dies designen

lG
Monika

maggie

Danke Monika!

Nun hab ich folgendes gemacht:
css

Code

.test {
color:#E6E3DB;
padding: 0 0;
margin: 0 0; 
list-style-type: square;
}

sidebar.php

PHP

<ul class="test"><li class="test">
<?php wp_list_cats('sort_column=name&exclude=8'); ?>
[/list]

Die Kategorien (ul) haben den 'square' und sind ganz links angeordnet :)
Die Unterkategorien haben jedoch kein 'square' Bulletzeichen.
Was habe ich falsch gemacht?

Monika

Code

.test ul li{
list-style-type: square;
.test ul li ul li{
list-style-type: square;
}

könnte funktionieren
die paddings und margins kannst Du einzeln angeben
lG

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Abstand zwischen Kategorie und Unterkategorie

Jetzt mitmachen!

Benutzer online in diesem Thema