CSS mitmetasemeline menüü

  • Maadlen siin probleemiga, et mitmetasemelise menüü puhul saada 1 ja 2 tase erinevatesse stiilidesse. Et 1 taseme pealkiri ja selle alt avanev 2 taseme alampunktid oleks yhes stiilis. Näiteks ühte taustavärvi ja kiri boldis.

    Kood ise on:

    .menu {
    vertical-align: top;
    background-color: #FFFFFF;
    width: 170px;
    padding: 0px;
    }
    .menu ul, .menu li{
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
    .menu ul {
    border-bottom: 0px;
    background-color: #fff;
    }
    .menu ul ul {
    padding-left: 15px;
    }
    .menu a:link, .menu a:visited, .menu a:active {
    padding: 4px 10px 4px 10px;
    color: #d74379;
    display: block;
    background-color: #fff;
    text-decoration: none;
    }
    .menu a:hover {
    background-color: #fbe5ed;
    color: #301601;
    text-decoration: underline;
    }
    .menu a:current {
    font-weight: bold;
    }

    Mis mul siin valesti võiks olla?

    Ette tänades.

    06. august 2008 - 16:21:04 · Otselink

  • Ked† 12 a

    a:current ???

    ".menu a:link, .menu a:visited, .menu a:active"

    sa ei pea kõiki pseudoklasse välja kirjutama... paned lihtsalt .menu a

    ja kui tahad et teises ul-is oleksid lingid boldis siis paned:

    .menu ul li ul li a { ... }

    06. august 2008 - 16:48:41 · Otselink

  • ".menu ul ul" proovinud ei ole, kuid usun, et "ul li ul" töötab paremini.

    07. august 2008 - 09:59:13 · Otselink

  • saad ehk siit vihjeid, kuidas listide stiile teha

    07. august 2008 - 11:29:32 · Otselink