Autor Zpráva
Ricky4852
Profil
Zdravím, potrebujem poradiť ohľadom štýlu pre input button a submit, chcem tam totiž hodiť tri obrázky, konkrétne tieto
,
aby mi to vo finálnom výsledku hodilo tento button:


Skúšal som niečo takéto:
 input.button{
  height: 28px;
  border: 0px;
  background-color:transparent;
  background: url(images/left.png) top left no-repeat, url(images/right.png) top right no-repeat, url(images/middle.png) top center repeat-x;
  }

Avšak je tu problém v tom, že mi to stredný obrázok "middle.png" roztiahne na celú šírku, a mne to zakryje aj rohy, a vyzerá to potom takto:


Jasne vidieť, že sú tam tie rohy vyplnené celou šírkou stredného obrázku "middle.png". Robím to preto, aby som mohol tomu buttonu akokoľvek zväčšiť šírku, a nedeformovali by sa mi pravé a ľavé okraje.
Ak by mi niekto vedel s tým pomôcť, bol by som veľmi rád. Viem že sa tam dajú dať aj tri "divy", ale chcel som zmeniť štýl práve pre button a submit, a teda používam kod:
<input type="submit" value="Hľadať" class="button" style="width:200px;">

Vďaka za každú radu :)
margin
Profil *
Nestačilo by použít jedno pozadí s přechodem, border a border-radius?

Mimo téma, čtvrtý řádek v CSS je zbytečný, můžeš ho vymazat.
Keeehi
Profil
Ricky4852:
Jedním elementem (<input>) to neuděláš. Budeš to muset obalit do dvou spanů.
inspirace - jen jsou tam divy a ne spany, ale to je jedno.
Ricky4852
Profil
Ten border-radius mi pomohol, vôbec som si naňho nespomenul :)

Ďakujem všetkým za ochotu
preca1
Profil
Keeehi:
http://www.intrade.com/v4/home/ - jeden button, jeden span, 2 obrázky, jedna css třída. Funguje ve všech běžnejch prohlížečích.

border-radius nebude fungovat v <IE8, že?
panther
Profil
preca1:
border-radius nebude fungovat v <IE8, že?
nebude fungovat všude, u submitu to tolik vadí nemusí.
Chamurappi
Profil
Reaguji na panthera:
nebude fungovat všude, u submitu to tolik vadí nemusí.
To my víme jak? Opravdu Rickymu4852 nevadí, že to třetina lidí uvidí jinak?

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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