Autor Zpráva
pegak
Profil
Zdravím,
chtěl bych na svém webu udělat hlavní pole (kde bude text) s různými okraji, ale nemyslím to tak aby vlevo bylo tečkováno, vpravo normální atd., ale myslím to tak aby vlevo nahoře byl roh (který by se neopakoval) a uprostřed nahoře by byl normální okraj, vpravo nahoře by zase byl roh (obrácený obrázek levého rohu) atd.
Například takto (obrázek ze stránek battleknight.cz) :

Nevím jak bych to lépe popsal, kdyžtak se ptejte
Pegak

Moderátor Petr ZZZ: Titulek „Tabulka různé okraje“ nevystihuje podstatu dotazu. Příště zkus prosím vymyslet lepší.
Petr ZZZ
Profil
Toto se dá udělat např. přes obrázkové pozadí tří divů: horní obrázek s oběma rohy a prostředkem, spodní obrázek s oběma rohy a prostředkem, prostřední obrázek. Všechny tři obrázky jsou úzké vodorovné pruhy přes definovanou šířku stránky. Horní a spodní se neopakují, prostřední se opakuje ve svislé ose. Spodní okraj horního obrázku navazuje na horní okraj prostředního, horní okraj spodního obrázku navazuje na spodní okraj prostředního. Prostřední navazuje horním okrajem na svůj spodní okraj.
panther
Profil
pegak:
tohle se dá složit ze tří obrázků - vršek, spodek a opakující se (repeat-y) prostředek.
pegak
Profil
a) ale v tom případě mi text bude zasahovat do okrajů středu
b) chtěl bych aby to bylo i na volitelnou šířku (když si zvolím aby byl div širší než je obrázek (roh) tak aby se to kam to nedosáhne a aby byly rohy klasifikovány jako jiné (roh1 by měl první img a vyskytoval by se vpravo nahoře, roh2 by měl další img a vyskytoval by se vlevo nahoře, střed1 by měl další img a byl by nahoře a vyplňoval by mezeru mezi rohem1 a rohem2)
Trejpa
Profil
pegak:
a) ale v tom případě mi text bude zasahovat do okrajů středu
Od čeho je padding?

b) chtěl bych aby to bylo i na volitelnou šířku
Tak devět bloků. Vedle sebe je to zbytečné pozicování, tak raději do sebe:

Obrázkové okraje

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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