| Autor | Zpráva | ||
|---|---|---|---|
| luque Profil |
#1 · Zasláno: 29. 6. 2011, 18:22:38
Zdravím,
Mám problém, který je určitě úplně triviální, ale já prostě nevím jak ho vyřešit... Na stránce www.pavelec.oselim.net mám vytvořené stránky, kde mám levé menu. Když kliknu na první odrážku "sanace zvlhlého zdiva", tak se zobrazí 3 podkategorie (sanační omítky atd...). A můj dotaz zní: jak to mám udělat, aby byly ty tři podnabídky nastylovaný jinak, než jejich nadřazená nabídka. Jinými slovy - potřebuji aby text "sanace zvlhlého zdiva" byl červeně (aktivní stránka) a ty tři podnabídky byly odsazený a normálně černě jako ostatní nabídky. Pochopil jsem, že ty tři podnabídky dědí "#left li#current a ", což já nechci - a nevím jak to mám udělat... Děkuji za každou radu.. Tady je css kód: #left ul {
margin:0;
padding:0;
list-style:none;
}
#left ul li {
display:block;
/* margin: 0 0 0 20px; */
}
#left li a {
display:block;
background:url(../images/menu_bg.png) no-repeat top;
color:#333333;
text-decoration:none;
font-size:14px;
width:220px;
height:20px;
padding-left:19px;
padding-bottom:4px;
padding-top:4px;
}
#left li a:hover {
display:block;
background:url(../images/menu_bg.png) no-repeat bottom;
color:#A42A29;
text-decoration:none;
font-size:14px;
width:220px;
height:20px;
padding-left:19px;
padding-bottom:3px;
padding-top:4px;
border-bottom:1px solid #E8E8E8;
}
#left li#current a {
display:block;
background:url(../images/menu_bg.png) no-repeat bottom;
color:#A42A29;
text-decoration:none;
font-size:14px;
width:220px;
height:20px;
padding-left:19px;
padding-bottom:3px;
padding-top:4px;
border-bottom:1px solid #E8E8E8;
}
#left li li a {
display:block;
background:url(../images/menu_bg.png) no-repeat top;
color:#333333;
text-decoration:none;
font-size:14px;
width:200px;
height:20px;
padding-left:39px;
padding-bottom:4px;
padding-top:4px;
}
#left li li a:hover {
display:block;
background:url(../images/menu_bg.png) no-repeat bottom;
color:#A42A29;
text-decoration:none;
font-size:14px;
width:200px;
height:20px;
padding-left:39px;
padding-bottom:3px;
padding-top:4px;
border-bottom:1px solid #E8E8E8;
}
#left li li#current a {
display:block;
background:url(../images/menu_bg.png) no-repeat bottom;
color:#A42A29;
text-decoration:none;
font-size:14px;
width:200px;
height:20px;
padding-left:39px;
padding-bottom:3px;
padding-top:4px;
border-bottom:1px solid #E8E8E8;
} |
||
| Tin Profil |
#2 · Zasláno: 29. 6. 2011, 20:50:47
buď ty podnabídky nastyluješ jinak (a přebiješ to zděděné)
#left li#current ul li a nebo to podmenu nebudeš strkat do položky seznamu a nebude se dědit vůbec <li>Sanace zavlhlého zdiva</li> <ul>podmenu.... |
||
| luque Profil |
#3 · Zasláno: 29. 6. 2011, 21:53:55
Díky za odpověď!
Vůbec tomu nerozumím kdy se má použít ul li, kdy jen li, a kdy třeba li li, ale to cos mě napsal funguje!! Takže ještě jednou dík! |
||
| jenikkozak Profil |
#4 · Zasláno: 29. 6. 2011, 23:07:44
luque:
„Vůbec tomu nerozumím kdy se má použít ul li, kdy jen li, a kdy třeba li li, ale to cos mě napsal funguje!!“ - „ul li“ nastyluje všechny položky odrážkového seznamu <ul>, ale nenastyluje třeba položky číslovaného seznamu <ol> nebo menu <menu>. - „li“ nastyluje úplně všechny položky jakéhokoliv seznamu (<ul>, <ol>,<menu>). - „li li“ nastyluje všechny položky, které jsou součástí nadřazených položek. Jedná se o kontextové deklarace. |
||
|
Časová prodleva: 13 let
|
|||
0