Autor Zpráva
SpireL
Profil *
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
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 *
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
Máš tam 2× background-color a nemáš tam background-image, nemůže to fungovat.
SpireL
Profil *
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
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é.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0