| Autor | Zpráva | ||
|---|---|---|---|
| Jana Š. Profil |
#1 · Zasláno: 29. 11. 2017, 16:35:40
Dobrý den / ahoj,
pracuji na své stránce a trochu se trápím s pozicí sloupců na úvodní straně. Potřebovala bych všech 5 sloupců posunout více doleva, tj. tak aby na stránce nevznikal posuvný kurzor a byl vidět obsah všech sloupců, aniž by návštěvník musel posouvat stránku doprava. Posílám zde adresu pro příklad, jak to vypadá v praxi: www. beowulf. cz Pokoušela jsem se upravit nth-child každého sloupce, ale absolutně se celá stránka rozházela - sloupce se překrývaly. Momentálně jsou takto: .strips__strip:nth-child(1) {
left: 0;
}
.strips__strip:nth-child(2) {
left: 20vw;
}
.strips__strip:nth-child(3) {
left: 40vw;
}
.strips__strip:nth-child(4) {
left: 60vw;
}
.strips__strip:nth-child(5) {
left: 80vw;Nemohl by někdo poradit? Děkuji moc. JŠ |
||
| Keeehi Profil |
1)
.strips__strip musí mít width: 20% a ne width:23%. 5*23% je více než 100% a tak to bude vylézat ze svého kontejneru.
2) U .strips__strip:nth-child(x) nahraď jednotky vw za %
Pak to funguje správně. Jen jsou ty sloupce nalepené na sebe. Pokud mezni nimi chceš mezery, pak sniž šířku třeba na 18%. Jen to pak bude zarovnané doleva. Proto si budeš muset trochu pohrát s levou pozicí těch pruhů. Nezapomeň, že ta procenta mohou být i desetinná čísla. Kolik by to mělo být přesně se mi teď dopočítávat nechce. Pokud budou sloupce moc úzké, stačí roztáhnout jejich kontejner (jejich předka).
|
||
|
Časová prodleva: 5 let
|
|||
0