Forum PHP.pl > [html][css] Button, input submit

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [html][css] Button, input submit

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

styryl

23.08.2011, 18:13:39

Witam,

Znacie może jakąś sprawdzoną (sprawdzoną

) technikę aby submit wyglądał tak samo w każdej przeglądarce? Poprzeglądałem googla odnośnie cross browser dla submit, button - owszem są rozwiązania ale to jest przerost formy nad treścią. Jak zapatrujecie sie na użycie <a> + js?

pedro84

23.08.2011, 18:34:07

CSS, nic więcej nie trzeba.

styryl

23.08.2011, 18:35:37

mogę prosić o przykład kodu?

pedro84

23.08.2011, 18:40:56

[CSS] pobierz, plaintext 
input.button {
    /* twój CSS tutaj*/
}
[CSS] pobierz, plaintext

Nie rozumiem z czym masz problem.

!*!

23.08.2011, 18:45:42

Zamiast inputów stosuj button

[HTML] pobierz, plaintext 
<button type="submit">wyślij</button>
[HTML] pobierz, plaintext

Lepiej dają się ostylować w CSS, zresztą po to powstały.

[CSS] pobierz, plaintext 
button {
    border:1px solid red
}
[CSS] pobierz, plaintext

pedro84

23.08.2011, 18:49:20

Uważaj tylko na <button> w IE6, jeśli jeszcze wspierasz/musisz wspierać.

styryl

23.08.2011, 18:53:08

Cytat(pedro84 @ 23.08.2011, 19:40:56 )

[CSS] pobierz, plaintext 
input.button {
    /* twój CSS tutaj*/
}
[CSS] pobierz, plaintext

Nie rozumiem z czym masz problem.

[PHP] pobierz, plaintext 
 
.button-blue {
	border: 1px solid #0d64b1;
	color: #fff;
	background: #0d64b1;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0d64b1',endColorstr='#1873b9');
	background: -webkit-gradient(linear,center top,center bottom,from(#0d64b1), to(#1873b9));
	background: -moz-linear-gradient(center top,#0d64b1,#247ac0);
	cursor: pointer;
	padding: 0.25em 0.8em;
	height: 23px;
	font-size:11px;
	min-width:70px;  
}
 
.button-blue:hover {
	box-shadow: 0 0 3px #004;
	-moz-box-shadow: 0 0 2px #004;
	-webkit-box-shadow: 0 0 3px #004;
}
[PHP] pobierz, plaintext

Już mniejsza o efekty z hover itd. W ff wysokość 23px, w IE 24px w chrome 24 px? I tutaj jest problem. W przypadku ff dochodzi jeszcze bóg wie czemu 1px nie widzialnej przestrzeni pod submit.... (żeby ku__a nie można było wprowadzić jednego standardu...)

!*!

23.08.2011, 19:02:02

Nie widzę tu żadnego problemu http://fiddle.jshell.net/wLGqF/1/

Standard jest jeden, Ty źle to robisz. Pomijam interpretacje przeglądarek choć te nowsze i IE8/9 radzą sobie bez problemu tak samo.

styryl

23.08.2011, 22:09:14

Dobra, poradziłem sobie, dzięki za pomoc. Pzdr

webfreak

25.11.2011, 16:50:29

[HTML] pobierz, plaintext 
input[type="submit"], input[type="reset"] { ... }
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.