Autor Zpráva
Jana Š.
Profil
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.

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).

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: