Forum PHP.pl

witam,
Mam problem z prawildowym wyswietleniem przycisku w IE
przycisk wyglada tak

[HTML] pobierz, plaintext 
<input type="submit" name="submit" class=inputbox  value="Utwórz nowe konto">
[HTML] pobierz, plaintext 

css do przycisku wyglada tak

[HTML] pobierz, plaintext 
.inputbox {
	height: 23px;
	width: 55px;
	border: none;
	background: url("../images/new.jpg") no-repeat 0 0;
	font: bold 1.25em/1.1em Lucida, sans;
	color: #3d2d06;
 
}
[HTML] pobierz, plaintext 

obrazek new.jpg ma wymiary takie jak podano w stylu.

W FF wszystko dziala prawidlowo, natomiast w IE po nacisnieciu przycisku napis "Utwórz nowe konto" przemieszcza sie nieznacznie w dół i w prawo.
Czy to jakis bug? Czy ktos zna rozwiazanie aby napis nie przemieszczal sie.
Musi byc obrazek jako tlo, nie moze byc obrazka z napisem.

Spróbuj ustawić marginesy i paddingi na 0.

[HTML] pobierz, plaintext 
.inputbox {
	height: 23px;
	width: 155px;
	border: none;
       padding:0px;
       margin:0px;
	background: url("../images/new.jpg") no-repeat 0 0;
	font: bold 1.25em/1.1em Lucida, sans;
	color: #3d2d06;
 
}
[HTML] pobierz, plaintext 

bez zmian w IE

To normalne dla IE.

Spróbuj w pseudoklasie :active dać ujemne marginesy.

niestety ale :active nie dziala z IE w polaczeniu z input.

whatever:hover

hover dziala, ale niestety przy kliknieciu myszka polozenie napisu zmienia sie.

Musisz użyć nowej wersji.

Na stronie projektu są dwie - nowsza umożliwi użycie :focus/:active, pokombinuj troszkę.

niestety w IE 7 uzycie obu klas nie daje efektu. Interesuje mnie rozwiazania dla IE 7.

Po przeczetyaniu for anglojezycznej dochodze do wniosku ze nie mozna tego rozwiazac. Jesli ktos jednak zna rozwiazanie powyzszego problemu prosze napisac.

Zapodaj link do stronki.

Ja praktykuje inne rozwiązanie.

[HTML] pobierz, plaintext 
<input type="image" src="1x1px_przezroczysty.gif" class="send" alt="Tekst alternatywny" />
[HTML] pobierz, plaintext 

CSS:

Będziesz musiał zrobić jeszcze przezroczysty pikselowy gif.