Autor Zpráva
Petr KK
Profil *
Ahoj,

davam si pod tlačítaka obrázek, který má kulaté rohy. A problém je v tom, že nemohu prijít jak na to, aby rohy byly průhledne. Obrazek je png a má ty rohy průhledné. V momentě kdy ho dám do buttonu na pozadí tak rohy jsou bíle a na tmavším pozadí stránek to není to pravé ořechové :)
<button>Login</buton>

button {
	width: 81px;
	height: 18px;
	text-align:center;
	background-image: url("../design/button.png");
	background-repeat: no-repeat;
	background-color: none;
	font-size: 14px;
	border: 0px;}


Nevíte jak to mam vyřešit? Diky...
Miloš
Profil
A co místo buttonu použít input?
<input type="image" src="../design/button.png">

http://www.jakpsatweb.cz/html/formulare.html#input
Petr KK
Profil *
Input jsem puvodne take zkousel a delalo mi to to same.. ale ted musim jen rict ...WAW... vubec jsem nevedel ze existuje type="image" :) stydim se! S timto type to funguje, jen mi to nezobrazuje pres obrazek value, proc?
<input type="image" src="design/button.png" value="Login">

Pokud to nepujde, tak holt to tlacitko udelam i s textem cele jako obrazek...
Kazdopadne diky za radu!
panther
Profil
Petr KK:
jen mi to nezobrazuje pres obrazek value, proc?
protože tam žádná value není. Přes obrázek (IMG) taky nejde dát text.
Miloš
Profil
Text by šel leda napozicovat – pomocí kombinace relativního a absolutního pozicování – viz http://wellstyled.com/css-chords-formatting.html
Připadá mi to ale (pro tyto účely) jako drbání levou nohou za pravým uchem. Volil bych text natvrdo „namalovat“ do obrázku.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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