Autor | Zpráva | ||
---|---|---|---|
Josee116 Profil |
#1 · Zasláno: 15. 9. 2014, 00:08:34
Dobrý den,
koduji pozadí na web. Ačkoliv už koduji několik let a hodinu jsem googlil tak se mi nedaří provést jednu věc. Řešením by byl obrázek, vyndání z centrovacího prvku a nastavení pozadí na střed a plnou šířku. Potřebuji aby mi obdelníček "shape" zasahoval do plného rozsahu stránky a byl na všech rozlišeních umístěn stejně, nemohu použít 100% šířku protože jak dojde k natočení vznikají na levé straně bílá místa a navíc je potřeba ho odsazovat od levé hrany centrovacího prvku právě kuli tomu aby to bylo zobrazeno na všech rozlišeních stejně. Přebalit pomocí overflow jsem zkoušel ale nebyla to uplně vhodná cesta. Budu rád za každý nápad děkuji. Nejsem začátečník zkuste mě pouze nakopnout správným směrem ať nemusím šahat po obrázkovém pozadí. Děkuji .blueBackground .letter { position: relative; width: 1000px; margin: 0 auto 0 auto; } .blueBackground .letter .shape { position: absolute; width: 2000px; height: 300px; left: -500px; transform: rotate(-20deg); background: rgb(25,171,255); } |
||
ondra15 Profil |
Nepomohl by tento odkaz ?
|
||
Bubák Profil |
#3 · Zasláno: 15. 9. 2014, 11:05:38
Josee116:
„dojde k natočení“ Obrázek nemusíš pootočit v prohlížeči, ale uděláš si pootočenou verzi obrázku v grafickém editoru. |
||
Josee116 Profil |
#4 · Zasláno: 15. 9. 2014, 20:27:43
Ondra: Bohužel takto jednoduché to není.
Bubák: Určitě si četl celý můj příspěvek a víš, že hned na prvním řádku po pozdravu píšu o obrázkovém řešení, které nechci aplikovat. |
||
Bubák Profil |
#5 · Zasláno: 15. 9. 2014, 20:49:48
Josee116:
„Určitě si četl celý můj příspěvek“ Četl jsem to důkladně a pochopil jsem, že nechceš scrollbar, problémem je bílé místo, které vznikne po natočení obrázku. Chceš řešení pro všechny prohlížeče, což jde jedině obrázkem, o pozadí jsem nic nepsal. |
||
Josee116 Profil |
#6 · Zasláno: 15. 9. 2014, 20:52:21
Bubák:
Ne, chci řešení pro většinu prohlížečů. Na ty co nepodporujou CSS3 a zrovna základní rotaci kašlu. Pokud to nepůjde roztáhnout bez scrollbarů tak mi tedy asi stejně nic jiného nezbude. |
||
Josee116 Profil |
#7 · Zasláno: 16. 9. 2014, 15:18:59
Vyřešeno: body{overflow: hidden;}
|
||
Časová prodleva: 10 let
|
0