| Autor | Zpráva | ||
|---|---|---|---|
| Urapuna Profil * |
#1 · Zasláno: 9. 12. 2018, 09:28:10
Ahojte,
zkoušel jsem margin-bottom, ale na nic to nereaguje. Vždy je horizontální výpis <li> přepíše do prvního řádku. Nevíte jak to opravit, aby byl druhý řádek odsazen od toho prvního? 
Používám toto CSS: #navcontainer ul{margin-bottom:30px; padding:5px; list-style-type:none; text-align:left;}
#navcontainer ul li{display:inline; }
#navcontainer ul li a{text-decoration:none; padding:9px 12px; color:#fff; background-color:#161616; border-radius:4px;}
#navcontainer ul li a:hover,#navcontainer ul li a.active{text-decoration:underline; color:#fff; background-color:#63800b;} |
||
| Trejpa Profil |
#2 · Zasláno: 9. 12. 2018, 09:50:19
Urapuna:
Elementy s display: inline neuplatňují svůj svislý padding mezi sebou, vypisují se v běžném řádkování. Navrhoval bych ti použít na odkazy a položky seznamu display: inline-block (budou se chovat jako obrázky) a odsazení mezi nimi řešit pomocí margin. Víceslovné položky se nebudou odřádkovávat uprostřed „tlačítka“. ukázka |
||
|
Časová prodleva: 5 let
|
|||
0