| Autor | Zpráva | ||
|---|---|---|---|
| PetraPP Profil * |
#1 · Zasláno: 6. 5. 2014, 14:21:51
Potřebovala bych poradit. Mám menu přes UL - LI a ráda bych do výpisu LI, tedy až na konci textu vložila pozadí barvy a na to vypsala číslo.
O co mě jde? Ráda bych v menu u jednotlivých položek zobrazovala kolik nových položek v daném seznamu je, abych měla přehled. Něco podobného lze vidět i v emailu seznam.cz, kde člověk vidí třeba počet nových emailů. CSS: #aside ul {width:215px; margin:0 0 15px 0; list-style:none;}
#aside ul li {display:inline;}
#aside ul li a {display:block; width:185px; padding:4px 15px; text-decoration:none;}
#aside ul li#submenu-active a {width:198px; border:0; background:url("../design/submenu-active.gif") 100% 50% no-repeat; font-weight:bold; z-index:100;}
#aside ul ul {margin:0; position:static;}
#aside ul ul li a, #aside ul li#submenu-active ul li a {width:170px; padding:5px 15px 5px 30px; background:url("../design/submenu-sub.gif") 15px 7px no-repeat; font:85%/1.2 "tahoma",sans-serif; font-weight:normal;}HTML: <div id="aside" class="box"> <ul class="box"> <li><a href="index.php">Pracovní plocha</a></li> <li><a href="error.php">Počet chyb <span ...>12345</span></a></li> <li><a href="novy-zapis.php">Nový zápis <span ...>12345</span></a></li> </ul> </div> <span ...>12345</span> ... jsem zde použila, abych Vám přiblížila, kam bych čísla chtěla použít. Mockrát všem děkuji za výpomoc s CSS. |
||
| fandaa Profil |
#2 · Zasláno: 6. 5. 2014, 14:27:57
PetraPP:
Takto? |
||
| PetraPP Profil * |
#3 · Zasláno: 6. 5. 2014, 15:10:16
Ano takto, jen bych to malinko potrebovala doladit. Je mozne tam pridat zaobleni a nejako odsazeni text od okraju? Budu strasne moc vdecna.
|
||
| Bubák Profil |
#4 · Zasláno: 6. 5. 2014, 15:21:10
Třeba takto:
#aside ul li span {
background-color: gold;
padding: 1px 5px;
border-radius: 6px;
}Padding border-radius |
||
|
Časová prodleva: 10 let
|
|||
0