Autor Zpráva
tolike.m
Profil *
Dobrý den, potřeboval bych udělat vlajku na pozadí. Zkoušel jsem dát něco dohromady ale pohořel jsem. Pomužete někdo?


Obdelníky:

http://jsfiddle.net/favorit54/UuQBv/


Trojuhelník:

http://jsfiddle.net/favorit54/H844A/


Díky kluci.
petr 6
Profil
Obrázkem
tolike.m
Profil *
Myslím si že kód by byl efetivnější.

Ale teoreticky bych mohl div pozadí rozpůlit barevně na půl a přidat svg trojůhelníku nahoru.
margin
Profil *
Vaše vlajka je poměrně jednoduchá.
http://jecas.cz/css-kresleni
Chamurappi
Profil
Reaguji na tolike.ma:
Trojuhelník:
Má špatný poměr stran.

Myslím si že kód by byl efetivnější.
V jakém ohledu? Procedurální grafika bývá náročnější než bitmapová.

a přidat svg trojůhelníku nahoru
Jestli jsi smířen s tím, že to bude fungovat jen tam, kde funguje SVG, tak můžeš udělat celou vlajku jako SVG:
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="20" height="30">
  <rect width="20" height="30" fill="#d7141a"/>
  <rect width="10" height="30" fill="#fff"/>
  <path d="m 0,0 l 10,15 l 10,-15 z" fill="#11457e"/>
</svg>
Datově to bude velmi pravděpodobně menší, než cokoliv uplácaného čistě přes CSS.


Reaguji na margina:
Udělat ji natahovací je trošku oříšek. Velikost borderu nejde zadat v procentech.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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