Autor | Zpráva | ||
---|---|---|---|
petr Profil * |
#1 · Zasláno: 9. 12. 2019, 15:42:12
Ahoj, mam dva divy vedle sebe o velikosti 100px x 100px.
V tom levém divu je další div s velikostí 100px x 100px a má nastavené pozadí. S tímto pozadím otáčím cca o 180 stupňů. Jelikož je to ale čtverec tak pozadí zasahuje do vedlejšího divu. Poradí někdo jak to v css nastavit? Díky |
||
Tomášeek Profil |
#2 · Zasláno: 9. 12. 2019, 15:45:47
petr:
Ukaž. |
||
petr Profil * |
#3 · Zasláno: 9. 12. 2019, 16:15:17
Živá ukázka
Prostě ten div který má nastavené to pozadí se při otáčení (jelikož je obrázek hranatý a já ho otáčím kolem své osy) přesahuje do toho vedlejšího divu. Jedná se v ukázce o oranžový div který zasahuje všude kolem sebe. Chci to nastavit aby se držel pouze v tom divu. V ukázce je použitá barva pozadí ale já mám obrázek na pozadí. |
||
Tomášeek Profil |
#4 · Zasláno: 9. 12. 2019, 16:22:28
petr:
Overflow. Jeden z důvodů, proč jsem chtěl vidět ukázku, byl, že jsem chtěl vidět, co kde přetéká při otočení čtverce o 180 stupňů :-) |
||
petr Profil * |
#5 · Zasláno: 9. 12. 2019, 16:24:29
Overflow co a kam?
|
||
Tomášeek Profil |
#6 · Zasláno: 9. 12. 2019, 16:33:35
petr:
Asi k tomu elementu, ze kterého jeho potomci přetékají, ne? Máš v ukázce dohromady 3 divy, myslím, že možností není tolik a snadno si to vyzkoušíš. Odpověď znáš. |
||
petr Profil * |
#7 · Zasláno: 9. 12. 2019, 16:40:09
Ptám se, jelikož nic z toho nefunguje
#div3 { overflow: scroll;} #div3 { overflow: hidden;} #div3 { overflow: auto;} #div3 { overflow: visible;} |
||
Tomášeek Profil |
#8 · Zasláno: 9. 12. 2019, 16:53:42
petr:
Tak si poposedni, možná si zkus přečíst znovu [#6]. Nebo se aspoň zamyslet, co ten overflow dělá, jak funguje, jaká je správná hodnota a na jakém elementu. |
||
petr Profil * |
#9 · Zasláno: 9. 12. 2019, 17:12:49
Fakt nevím, kašlu na to nemám na to celý den, udělám to nějak jinak.. Ale i tak díky.
|
||
RastyAmateur Profil |
#10 · Zasláno: 9. 12. 2019, 18:43:01
Tomášeek:
„Asi k tomu elementu, ze kterého jeho potomci přetékají, ne?“ Přetéká #div3 (potomek #1) z #div1 (rodič #3), ne? Jestli se raději vykašleš na tohle, tak chci vidět, co budeš dělat dál...
#div1 { overflow: hidden;} |
||
Časová prodleva: 4 roky
|
0