submit button ie shifting (fura eset)
Sziasztok!
Van az alábbi cucli:Namármost: ie8 alatt, ha a gomb szövegére klikkelek, elcsúsztatja a képet és a szöveget is (egyébként ezt szeretném megszüntetni), de ha bárhova máshova kattintok, akkor már jól működik és nem shiftel. ie9-ben csa ka szöveg csúszik, de ugyanúgy.
A konkrét (eredeti) probléma, hogy mosuedown-ra ie8 shifteli a háttérképet és a value-t. Ezt nem szeretném.
De:
- a gombnak <li>-ben kell lennie
- a gombnak saját, pozícionálható (pl sprite) háttérkép kell
- a gomb szélessége dinamikusan függ a value-tól
- a value pozícióját állítani kell tudni (nem pont középen kell lennie vertikálisan
A fenti kód csak egy próbálgatás eredménye, ezért nincs minden összefüggésben az eredeti problémánál leírtakkal.
■ Van az alábbi cucli:
- <style type="text/css">
- li {
- display: block;
- width: auto;
- border: 1px solid red;
- padding: 0;
- margin: 0;
- float: left;
- overflow: hidden;
- }
- input,
- input:active:hover {
- display: block;
- background: url(cucli48x48.png) no-repeat center center;
- width: auto;
- height: 60px;
- border: 1px solid transparent;
- outline: none;
- color: #fff;
- text-align: center;
- position: relative;
- overflow: visble;
- padding: 0 10px;
- margin: 2px;
- line-height: 48px;
- }
- input:active:hover {
- border: 1px solid red;
- }
- </style>
- <form action="#">
- <ul>
- <li><input type="submit" value="Cucli" /></li>
- </ul>
- </form>
A konkrét (eredeti) probléma, hogy mosuedown-ra ie8 shifteli a háttérképet és a value-t. Ezt nem szeretném.
De:
- a gombnak <li>-ben kell lennie
- a gombnak saját, pozícionálható (pl sprite) háttérkép kell
- a gomb szélessége dinamikusan függ a value-tól
- a value pozícióját állítani kell tudni (nem pont középen kell lennie vertikálisan
A fenti kód csak egy próbálgatás eredménye, ezért nincs minden összefüggésben az eredeti problémánál leírtakkal.
button input ie
elnézést
Egyébiránt igazad van, leszedem.