Проблем с фона и резолюцията

[vladislav]

Кликнете за да я видите както трябва!

Това ми е фона при 1024x768 обаче при по-голяма резолюция всичко се разваля! Как да го оправя? и попринцип как се прави подобен фон защото а го направих като картинка 1004px и в двата края тези неша посредата където е самия сайт няма нищо и е зададох като фон

 

[vladislav]

Ако можеми кажете как да направя дизайн на дайт който да е еднакав при всички резолюции и да изглежда така като аз съм го направил обаче да е как си трябва имам оредвид като моя- да иам сенки отстрани

 

[BUSTTER]

По принцип за фон на моя сайт винаги използвам малки картинки в момента моя фон е 195px на 195px и се вижда добре при всички резолюций преди ползвах и фон с размер 10px на 10px и отново се виждаше перфектно затова ти препоръчвам да използваш по малки бекраундове..
Относно бекраунда прави го квадратче т.е. с равни пиксели широчина и дължина би трябвало този проблем да изчезна тогава...

 

[burkoff]

@vladislav
намери си малка картинка коят е предвидена за фон .т.е ти като я сложиш за фон тя ще се повтаря и няма да се забелязва при каквато и да е резолюция .
ето ти едн сайт които моби ще има картинка за теб http://www.backgroundcity.com/ ако ли не в гоогле е пълно
съветвам те да ползваш CSS ето пример

BODY {
background: url('папка.с.картинките/твоята.картинка.png');
}

има различни техники ако примерно ползваш някои градиенд можеш да зададеш repeat-x ; repeat-y ... абе правиш си квот си искаш

 

[PoDMaTRiX]

Такъв фон се прави не като картинка 1024x768, а с картинка на чертичката в зависимост от това каква искаш да е (3x3, 6x6, 9x9). След това в css файла или в style тага слагаш

BODY {
background: url('папка.с.картинките/твоята.картинка.png');
}

или по-точно това, което даде burkoff.

 

[PhrozenCrew]

Здравей vladislav,

Такъв бакграунд се прави много просто, но иска леки математически разсъждения. Съветвам те да ползваш размер на картинката, който да е подходящ за преливане, когато се наслагва. Такива размери са примерно 6x6 px или 9x9px и т.н. За да ме разбереш ето една картинка, която направих с Gimp:

Поиграх си малко с твоя сайт и CSS и направих ето това:

http://web-making.hit.bg/v04/index.html

Кода е доста чист и няма никакви таблици - само слоеве и CSS. Можеш да променяш каквото поискаш стига да ти е от полза. Целия код с картинките можеш да изтеглиш от тук:
http://web-making.hit.bg/v04/CSS-Template_by_PhrozenCrew.rar
Успех!