Autor Zpráva
Mirman
Profil
Ähoj, potřeboval bych poradit, jestli je možné zapsat v CSS nějak kód u dvouúrovňového horizontálního menu, který zajistí (princip bude asi stejný i u vertikálního), že jakmile sjedu na položky seznamu druhé úrovně, tak položka první úrovně, ke které patří bude mít stejnou barvu jako položky seznamu druhé úrovně, které k ní patří.
Tady je kód, který zatím mám:
#menu ul {
              float: left;
       width: 600px;
         margin: 0 0 40px 0; 
          position: relative;
       list-style-type: none;
       border-top: 2px solid red;
    }
    #menu ul li {
              float: left;
       width: 25%;
          background: #bcb500;Netrápí vás náhodou?
Vodorovné centrování

       font-weight: bold;
       text-align:center; 
    }
    #menu ul ul {
       position: absolute;
       left: 0; top: 2.2em;
       visibility: hidden; 
       width: 100%; 
       border-top: 1px dotted #ece300;
       border-bottom: 2px solid #fc6500;
       font-size: 90%;
    }
    #menu ul ul li {
       width: 200px;
    }
    #menu ul li a {
              display: block;
       padding: 5px 0; 
       border-right: 1px solid #ece300; 
       text-decoration: none;
         color: #FFF;
    }
    #menu ul ul li a {
         color: #ECECEC;
    }
       #menu ul li:hover ul li {
       visibility: visible;
       background: blue;
    }
    #menu ul li.posledni a {
       border-right: none; 
    }
    #menu ul li a:hover {
       background: red;
    }  
jenikkozak
Profil
Přidej si do stylopisu selektor #menu ul li:hover s barvou pozadí.
Pokud máš menu vystavěné jinak, než myslím, přidej odkaz na živou ukázku.
Tomáš123
Profil
Tu sa to riešilo.
Mirman
Profil
jenikkozak:
Super, díky za radu, moc si mi pomohl.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: