Autor Zpráva
honza-pomoc
Profil *
#1 · Zasláno: 9. 1. 2006, 22:28:22
Odpovědět Citovat
Dobrý den, potřeboval bych poradit, jak v css dát do jednoho prvku 2x background. Jedná se o 2 několika-pixelové obrázky, kterí chci dát postupně jeden vpravo nahoru a jeden vpravo dolů. Děkuji moc za odpověď, snažím se na to přijít ale nedaří se mi najít odpověĎ.
Marty
Profil
#2 · Zasláno: 9. 1. 2006, 22:34:22
Odpovědět Citovat
Do jednoho elementu nelze vložit dva background obrázky, buď je spoj v jeden, nebo použij pomocný neutrální element (třeba div).
honza-pomoc
Profil *
#3 · Zasláno: 9. 1. 2006, 23:50:04
Odpovědět Citovat
vůbec mám nějak neřešitelné problémy s webem. IE si prostě dělá co chce a ať se snažim jak chci musim všechno nějak obcházet. Nechápu, proč se musejí řešit takové problémy, když spousta věcí by šla jednoduše. Jinak jsem našel nějaký odkaz, kde se využívá elementů ::before a ::after, díky kterým se dá sloučit několik prvků do jednoho elementu. Konkrítně to bylo 5 img v jednom elementu, avšak nějak jsem si s tím neporadil. Zde se o tom píše, dokonce i něco o css3, ale to je budoucnost, které se já už asi nedožiju. http://www.w3.org/Style/Examples/007/roundshadow.html . Jinak tady je odkaz na mé stránky, nic tam pořádně není, ale chtěl bych jejích prostřednictvím prohloubit své znalosti.
honza-pomoc
Profil *
#4 · Zasláno: 9. 1. 2006, 23:50:40
Odpovědět Citovat
Jo je to http://www.veres.cz
honza-pomoc
Profil *
#5 · Zasláno: 9. 1. 2006, 23:51:01
Odpovědět Citovat
Jo je to http://www.veres.cz
peta
Profil *
#6 · Zasláno: 10. 1. 2006, 08:13:46
Odpovědět Citovat
honza-pomoc
kulate rohy - before / after
http://virtuelvis.com/gallery/css/rounded/
http://www.w3.org/Style/Examples/007/roundshadow.html
To 100% funguje, ale pouze ve Firefox. A je to jednoduse. Nemuzes za to, ze MICROSOFT Explorer se rozhodl respektovat vlastni pravidla a nedrzi se aspon zakladnich na ktere nabali vlastni, jako mozilla.

Navic, pokud sledujes deni ve svete, je to asi rok, co MS dostal soudni zakaz vyvijet Explorer.
peta
Profil *
#7 · Zasláno: 10. 1. 2006, 08:16:50
Odpovědět Citovat
honza-pomoc
jinak to lze obejit pomoci javascriptu, jako je treba tady reseny gradient...
http://slayeroffice.com/code/gradient/
honza-pomoc
Profil *
#8 · Zasláno: 10. 1. 2006, 08:25:33
Odpovědět Citovat
vyřešit to js mě napadlo taky, jenže spousta lidí je má vyplé, tudíž by z toho nic nebylo. Budu zo muset udělat nejspíš několika divi navíc a mít složitější a míň přehledný zdroják. Jinak jsem ještě řešil problém, kdy mám 2 sloupce s proměnnou velikostí ( ta se uravuje podle obsahu ) a nepodařilo se mi docílit, aby se délka jednoho sloupce automaticky upravovala podle toho druhého. Jediné, co vytváří tento efekt je společné pozadí přímo v mainu.
honza-pomoc
Profil *
#9 · Zasláno: 10. 1. 2006, 08:31:51
Odpovědět Citovat
jinak když jsem projížděl fora, objevil jsem ještě tuhle variantu, která mi bohužel také nefunguje...

#menu {
border-top-image: url("../img/okraj-1.gif");
border-left-image: url("../img/okraj-2.gif");
border-bottom-image: url("../img/okraj-3.gif");
border-right-image: url("../img/okraj-4.gif");

border-top-left-image: url("../img/roh-1.gif");
border-top-right-image: url("../img/roh-2.gif");
border-bottom-left-image: url("../img/roh-3.gif");
border-bottom-right-image: url("../img/roh-4.gif")
}
Martin Kuželka
Profil
#10 · Zasláno: 10. 1. 2006, 09:36:32
Odpovědět Citovat
honza-pomoc: tohle je, pokud vím, blbost. Nic takového v CSS neexistuje...
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0