| Autor | Zpráva | ||
|---|---|---|---|
| Mirman Profil |
#1 · Zasláno: 12. 6. 2014, 09:32:39
Ä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 |
#2 · Zasláno: 12. 6. 2014, 10:02:14
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 |
#3 · Zasláno: 12. 6. 2014, 10:35:36
Tu sa to riešilo.
|
||
| Mirman Profil |
#4 · Zasláno: 12. 6. 2014, 11:10:38
jenikkozak:
Super, díky za radu, moc si mi pomohl. |
||
|
Časová prodleva: 10 let
|
|||
0