| Autor | Zpráva | ||
|---|---|---|---|
| Ricky4852 Profil |
#1 · Zasláno: 31. 7. 2012, 19:36:36 · Upravil/a: Moderátor (editace znemožněna) 3. 8. 2012, 18:10:54
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 * |
#2 · Zasláno: 31. 7. 2012, 19:52:05
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 |
#3 · Zasláno: 31. 7. 2012, 19:57:34
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 |
#4 · Zasláno: 31. 7. 2012, 19:59:10
Ten border-radius mi pomohol, vôbec som si naňho nespomenul :)
Ďakujem všetkým za ochotu |
||
|
Časová prodleva: 3 dny
|
|||
| preca1 Profil |
#5 · Zasláno: 3. 8. 2012, 16:24:53
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 |
#6 · Zasláno: 3. 8. 2012, 16:53:40
preca1:
„border-radius nebude fungovat v <IE8, že?“ nebude fungovat všude, u submitu to tolik vadí nemusí. |
||
| Chamurappi Profil |
#7 · Zasláno: 3. 8. 2012, 17:57:30
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? |
||
|
Časová prodleva: 12 let
|
|||
0