Clean Cut - Child-Seiten

nepf

Beim Clean Cut Template stimmt die Darstellung der Child-Seiten im Menü nicht. Das sieht da so aus, wie in der angehängten Grafik sichtbar. Die Seite "Child" ist eine untergeordnete Seite von "Eine Seite"
Der entsprechende Abschnitt in der CSS ist dies

Code

.side1 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    
}
.side1 ul ul {
    margin: 0px;
    background-color: #f1f6fa;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e4edf5;
}
.side1 ul ul li {
    padding: 0;
    background-image: url(images/icon-li.gif);
    background-repeat: no-repeat;
    background-position: 17px;
    height: 21px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #e4edf5;
    text-indent: 27px;
    width: 190px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #f8fafc;
}
.side1 ul ul li a {
    display: block;
    margin: 0px;
    padding: 4px 0px 0px;
    width: 190px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #2f5587;
    text-decoration: none;
} 
.side1 ul ul li a:hover {
    padding: 4px 0px 0px;
    background-image: url(images/icon-li.gif);
    background-repeat: no-repeat;
    background-position: 17px;
    height: 17px;
    text-indent: 27px;
    width: 190px;
    background-color: #FFFFFF;
    color: #cc3300;
}

Alles anzeigen

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

nepf

Moooooniiiiiiii - das ist doch ein Klacks für Dich!!

Du kannst mir doch bestimmt helfen.

Clean Cut ist wirklich ein chickes template - aber das Problem mit den Child-Seiten im Menü :-|

Monika

Code

.side1 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    
}
.side1 ul ul {
    margin: 0px;
    background-color: #f1f6fa;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e4edf5;
}
.side1 ul ul li {
    padding: 0;
    background-image: url(images/icon-li.gif);
    background-repeat: no-repeat;
    background-position:17px 7px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #e4edf5;
    text-indent: 27px;
    width: 190px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #f8fafc;
}
.side1 ul ul li a {
    display: block;
    margin: 0px;
    padding: 4px 0px 0px;
    width: 190px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #2f5587;
    text-decoration: none;
} 
.side1 ul ul li a:hover {
    padding: 4px 0px 0px;
    background-image: url(images/icon-li.gif);
    background-repeat: no-repeat;
    background-position:17px 7px;
    text-indent: 27px;
    width: 190px;
    background-color: #FFFFFF;
    color: #cc3300;
}

Alles anzeigen

Der Fehler war, dass die li der zweiten Liste eine fixe Höhe hatten,
ist was fixiert hoch, kann ich nicht noch eine Liste reingeben ;)
die musste sich überlagern;)
ich nahm das height raus,

und änderte die background-position:17px 7px;
weil ohne die zweite Angabe, das Bildchen des ul li ul li sonst über das des
ul li ul li ul.children li liegt

Das kommt davon, wenn man ein Design px genau machen mag,;)

lg

nepf

Monika, ich danke Dir, dass Du meinen Schrei gehört hast! :lol:

nepf

ach so - noch ne kleine Nachfrage:

Nun würde ich gern noch haben, dass der Menüpunkt der Child-Seite um - na sagen wir mal 15 px - nach rechts eingerückt wird.

Wie geht denn das?

Monika

Zitat von nepf

ach so - noch ne kleine Nachfrage:
Nun würde ich gern noch haben, dass der Menüpunkt der Child-Seite um - na sagen wir mal 15 px - nach rechts eingerückt wird.
Wie geht denn das?

für das unterhalb der Listenangaben in die style.css hinzu

aber bei langen Kategoriennamen kann es zu Problemen kommen, weil ds nur 190px hat

Code

.side1 ul ul li ul.children li{text-indent:36px;background-position:27px 7px;}

lg

nepf

nochmals: DANKE

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Clean Cut - Child-Seiten

Jetzt mitmachen!