| 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