Autor | Zpráva | ||
---|---|---|---|
SpireL Profil * |
#1 · Zasláno: 17. 5. 2011, 20:34:33
Zdrarec,
mám problém, který pro vás zkušenější bude určitě prkotina. Dělám web, kde chci mít ve prostřed jinou barvu, než na okrajích. Udělal jsem to v CSS tímto stylem: body {margin: none; background-image: url('body_normal.png'); background-repeat: no-repeat; background-position: 311; background-color: #111111;} U mě to vypadá takhle: http://img696.imageshack.us/i/mojeverze.png/ Když jsem to konečně hodil na hosting a poslal kámošovi, ať se na to mrkne, přišel šok. Neuvědomil jsem si, že jsem ten obrázek (světlejší šedou) dělal pro svoje rozlišení a když přijde někdo s jiným rozlišením, stane se z toho toto: http://imageshack.us/photo/my-images/716/img17052011200515.png/ Moc vás prosím, poraďte mi, jak to udělat jinak. Děkuji |
||
jenikkozak Profil |
#2 · Zasláno: 17. 5. 2011, 20:38:40 · Upravil/a: jenikkozak
SpireL:
Tak proč nepoužijete na background-position hodnotu center? A jednobarevné pozadí se nedělá obrázkem na pozadí, nýbrž barvou (vlastnost background-color) nastavenou tomu bloku, který se objevuje ve středu stránky. |
||
SpireL Profil * |
#3 · Zasláno: 17. 5. 2011, 20:59:08
Mnohokrát děkuji za radu, jsem v CSS začátečník a tahle možnost mne vůbec nenapadla.
Kdybych teda chtěl nahradit ten obrázek barvou, jak by měl vypadat kód? Zkoušel jsem body {margin: none; background-color: #555555; background-repeat: no-repeat; background-position: center; background-color: #111111;} Ale to nejde. Byl bych Vám moc vděčný za odpověď.. |
||
Bubák Profil |
#4 · Zasláno: 17. 5. 2011, 21:13:34 · Upravil/a: Bubák
Máš tam 2× background-color a nemáš tam background-image, nemůže to fungovat.
|
||
SpireL Profil * |
#5 · Zasláno: 17. 5. 2011, 21:17:40
Fůha, tak teď v tom mám bordel. Jak to mám udělat jinak, aby tam byly 2 barvy? Viz. http://img696.imageshack.us/i/mojeverze.png/
|
||
jenikkozak Profil |
#6 · Zasláno: 17. 5. 2011, 21:22:52 · Upravil/a: jenikkozak
SpireL:
„Jak to mám udělat jinak, aby tam byly 2 barvy?“ Tmavší barvu dáš na pozadí body, tu světlejší dáš na pozadí toho prvku, který se zobrazuje v prostředku, asi tam máš <div>, nevím, zdrojový kód jsi neuvedl. Nemáš-li na pozadí prvku obrázek, jsou vlastnosti background-repeat a background-position zbytečné. |
||
Časová prodleva: 13 let
|
0