Autor | Zpráva | ||
---|---|---|---|
robbie Profil |
Ahoj, přikládám kód, kde nevím přesně jak dostat červenou položku na levou stranu a oddělit ji od modrého menu. Jak položku přesunout? Pokud to takto vůbec jde. Dekuji
Živá ukázka |
||
robbie Profil |
#2 · Zasláno: 17. 4. 2019, 23:11:30
Zkusil jsem to flex Menu udělat třeba takto:
Živá ukázka html: <br> <ul class="flex-container1"> <li >Logo</li> </ul> <ul class="flex-container2"> <li>one</li> <li>two</li> <li>three</li> </ul> css: .flex-container1 { display: flex; justify-content: flex-start; margin-left:-10px; } .flex-container2 { display: flex; justify-content: flex-end; margin-top:-50px; } .logo{ background-color:red; border:1px solid red; } ul.flex-container1 li{list-style:none; padding-top:30px; border-radius:5px; padding:5px; background-color:red; color:white; } ul.flex-container2 li{list-style:none; margin:2px; border:1px solid blue; border-radius:5px; padding:5px; background-color:blue; color:white; } |
||
tttt Profil * |
#3 · Zasláno: 18. 4. 2019, 09:10:02
robbie:
nevím přesně jak dostat červenou položku na levou stranu a oddělit ji od modrého menu. Jak položku přesunout? Můžeš mezi logo a menu napravo vložit pátý oddíl, který bude průhledný, a nastavit ho tak, aby se roztahoval na úkor ostatních. |
||
Kcko Profil |
#4 · Zasláno: 18. 4. 2019, 10:34:52
robbie:
Je vícero způsobů jak to udělat. Doporučuji flexboxfroggy.com flexbox.io A neměl by být problém všechno z flexboxu pochopit. |
||
Časová prodleva: 5 let
|
0