Autor Zpráva
neregistrovaný
Profil *
Zdravím,
Jakým způsobem udělat následující. Mám 960px div ve středu stránky. Uvnítř je titulek, který má pozadí, které ale pokračuje i přes tento div na pravou stranu (nepokračuje však na levou).

Jak to udělat i v případě kdy na levé straně bude např. jiné pozadí než to, ktere bude pokračovat v pravo (jiná barva)?

Díky
Tomáš123
Profil
neregistrovaný:
Prosím o odkaz na živú ukážku.
Bubák
Profil
Pokud má titulek pevnou výšku a je nahoře, nebo v pevné vzdálenosti odshora, jde to nasimulovat obrázkem na pozadí BODY.
Pokud tomu tak není, nebudeš moci použít obalový DIV vcelku. Titulek bude mít svůj obalový DIV s jedním pozadím a uvnitř bude vycentrovaný DIV titulek s odlišným pozadím.
neregistrovaný
Profil *
Bubák: ok, to mě napadlo, ale zase nevím, jestli by nebylo lepší ten obrázek nechat opakovat. Jak jej pak udělat velký? Taky jestli to nebude náročné na data? I když jde jen o pár barevný obrázek (cca 3 barvy) nebo 1px linii.
Taky je otázka, jestli je vůbec jiná možnost?
Bubák
Profil
neregistrovaný:
jestli by nebylo lepší ten obrázek nechat opakovat
Nevím přesně, jak to potřebuješ.

Jak jej pak udělat velký?
Hodně velký, klidně přeháněj, ale použij formát PNG, je pro takové použití optimální. Pokud se bude obrázek opakovat, neboj se mu dát větší výšku, na datové náročnosti se to projeví minimálně.

Taky jestli to nebude náročné na data?
Pokud bude mít obrázek jen několik málo barev, tak datová náročnost bude malá.
Příklad: 5000 px × 128 px, tři barvy
- neoptimalizovaný obrázek z Malování 9,88 kB
- optimalizovaný obrázek (IrfanView, ale programů, co umí optomalizaci PNG, je spousta) 695 bajtů
neregistrovaný
Profil *
No teď jsem přišel na to, že je tam hlavička a ta bude muset být celá, takže těch barev tam bude více, tak 8.

„jestli by nebylo lepší ten obrázek nechat opakovat“
Nevím přesně, jak to potřebuješ.


Myslel jsem repeat-x, aby se opakoval jen 1px široký obrázek třeba. Ale nejsem si jistý, jestli by to bylo možné v tomto případě udělat.
Bubák
Profil
neregistrovaný:
Myslel jsem repeat-x
Já bych v tomto případě volil repeat-y
http://kod.djpw.cz/effb
http://kod.djpw.cz/effb-

Nebo dáš jedno obrázkové pozadí pro body (do ukázky jsem nedal) a jiné obrázkové pozadí tam, kde bude hlavička, a pokud to bude potřeba, tak samotná hlavička může mít jako pozadí třebas i fotku v JPEGu (do ukázky jsem nedal).
http://kod.djpw.cz/fffb
http://kod.djpw.cz/fffb-
neregistrovaný
Profil *
Díky.

Jak moc udělat ale ten obrázek široký, aby to bylo dostatečné pro všechna rozlišení a do i na nějaký čas do budoucna?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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