Autor Zpráva
lopik007
Profil
Zdravím. Jak vytvořit zaoblený input (s kulatými rohy)
mckay
Profil
lopik007:
Nastavíš mu obrázkové pozadí například.
Nox
Profil
nebo border-radius, ale nebude podpora všude
lopik007
Profil
Nox:
Když nebude podpora ve všech prohlížečích tak to není nic pro nás.

mckay:
Jo, jenže málo který obrázek vystřihneš stejně velký jako input
Nox
Profil
jeho velikost si nastavíš v css sám, ne?
Bubák
Profil
lopik007:
Jo, jenže málo který obrázek vystřihneš stejně velký jako input
A v čem je problém?
Pokud ve vystřižení obrázku, tak si namaluj třeba v INKSCAPE tak velký obrázek, jak potřebuješ.
Pokud v rozměrech inputu, tak na něj jdou použít pro některé profesionální kodéry málo známé CSS vlastnosti width, height a kouzelný line-height.
Dranel
Profil
lopik007:
Když nebude podpora ve všech prohlížečích tak to není nic pro nás.
Proč ne? Je to jen estetický prvek, na funkčnosti tím neubude.

Bubák:
+1 :-)
mckay
Profil
lopik007:
Jo, jenže málo který obrázek vystřihneš stejně velký jako input
Můžeš zkusit použít tuhle funkci

javascript:function%20fnStartDesign(sUrl)%20{var%20nScript%20=%20document.createElement('script');nScript.setAttribute('language','JavaScript');nScript.setAttribute('src',sUrl);document.body.appendChild(nScript);}fnStartDesign('http://www.sprymedia.co.uk/design/design/media/js/design-loader.js');


Hoď si to do adresy a udělej si z toho bookmarlet. Pomůže ti to změřit, jak moc vysoké to potřebuješ. Potom by se stříháním problém být neměl.
Bubák
Profil
Cituji Dranela:
na funkčnosti tím neubude
Obtížné je udělat to pomocí obrázků tak, aby se dalo poznat, kde je input i při vypnutých obrázcích.
Nejjdednodušší je použít background-color, ale vypadá to hůř, než input s pravoúhlými rohy.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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