V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Ahoj, můžeš sem hodit nějaký obrázek, kus kódu, nebo cokoliv jiného, co by upřesnilo tvůj problém?
Reseni je celkem na snade :
udelas element s relativnim umistenim, paddingy nahore a dole podle potreby
odsazeni na pergamenu, ten bude mit background paper2 s tim repeatem. K tomu
elementu udelas before a after pseudo prvky, oba umistis absolutne, jeden
nahoru, druhy dolu a das jim adekvatni pozadi (pozor na width 100% a spravnou
hodnotu height a content : " "), pripadne je mirne posunes nahoru a dolu.
Stále tady zůstává problém s návazností středního dílu na dolní. Střední se tam na repeatuje a neskončí na konci, ale usekne se, když skončí text. Takže na dolní nenavazuje.
pokud na tom tak zalezi, tak musi nastoupit js a posunout vysku hlavni elementu na nasobek vysky obrazku pozadi + doladit spodni pozadi
Čistě pomocí CSS to nepůjde, budeš muset použít nějaký JavaScript. Rychle jsem udělal například tohle: https://jsfiddle.net/1npr2wxr/
Díky Vám oběma za rady; JS jsem se chtěl vyhnout, ale jdu do toho, co se dá dělat. Nemám velkou zkušenost s tím, jak má kdo skripty povolené; pravděpodobně udělám ještě nonscript verzi, aby se to zobrazilo opravdu všem.
Zobrazeno 7 zpráv z 7.