Input под различните браузъри

[niki_noki]

Имам един инпут, но под IE текста където се пише излиза малко по-нагоре (така е и под FF) , а под Opera, Chrome си излиза нормално в центъра

Някакви идеи как може да се управи..

Пробвах с padding, margin , но все пак може да бъркам някаде


:?:

 

[dELux_nike]

кода ?

 

[emagi]

<form method='post' style='padding:0; margin:0'>
..............
</form>

 

[niki_noki]

<form method='post' style='padding:0; margin:0'>
..............
</form>

Пак не става...


@dELux_nike:

HTML

<input type="text" class="buton" />

CSS

.buton {
	background-image:url(img/input.png);
	background-repeat: no-repeat;
	width: 318px;
	height: 40px;
	margin-left: 400px;
	margin-top: 30px;
	padding: 0 10px;
	border: none;
	
	
}

 

[dELux_nike]

 .buton {
   background-image:url(1678.png);
   background-repeat: no-repeat;
   width: 318px;
   height: 40px;
   margin-left: 400px;
   margin-top: 30px;
   padding: 10px;
   border: none; 
}

 

[niki_noki]

Да, но така под Opera отива надолу :?

 

[dELux_nike]

Да, но така под Opera отива надолу :?

странно при мене е добре и под 3-те..

пп. Пробвай така:

 .buton {
   background-image:url(1678.png);
   background-repeat: no-repeat;
   width: 318px;
   height: 40px;
   margin-left: 400px;
   margin-top: 30px;
   padding: 12px;
   border: none; 
}

 

[niki_noki]

Тва стана...


А сега има ли начин бутона за събмит до инпут полето да е точно до него

Под Opera, Mozilla, IE си е :?: , ама под Safari и Chrome слиза по надолу :roll:

 

[djpatzo]

Убедих се, че doctype е от голямо значение за подредбата на страниците. Я дай кода(HTML) да видим какво точно има там.

 

[shterev]

за текста в инпут бутона трябва да си поиграеш с line-height , а за бутона , трябва да е блоков елемент да е флоатнат, както и другите ти инпути за да се залепи както трябва