Jump to content
  • 0

Опять на тему инпутов :-)

TonKhaO

Asked by TonKhaO,

 Share

Question

15 answers to this question

Recommended Posts

  • 0
s0rr0w Explorer

s0rr0w

Posted
Posted

Код для изучения

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
 <title></title>

	<style type="text/css">
		.div1 { float: left; height: 20px; background: #ccc; }
		.input1 { height: 20px; padding: 0px; margin: 0px; border: none; background: #fc3; vertical-align: top; }
	</style>


</head>
<body>
	<div class="div1">20px height </div>
	<div><input type="text" class="input1"></div>
</body>
</html>

Link to comment
Share on other sites
  • 0
mini Explorer

mini

Posted
Posted

инпут в спан или в ДИВ заворачиваеш, и спану(ДИВУ) вешаешь БГ целиком вмести с закругленем, не не надо так жестоко извращатся :), это же поле не тянется по ширине и зачем там png? gif или jpg что не подходит?

Link to comment
Share on other sites
  • 0
TonKhaO Explorer

TonKhaO

Posted
  • Author
Posted
Код для изучения

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
 <title></title>

	<style type="text/css">
		.div1 { float: left; height: 20px; background: #ccc; }
		.input1 { height: 20px; padding: 0px; margin: 0px; border: none; background: #fc3; vertical-align: top; }
	</style>


</head>
<body>
	<div class="div1">20px height </div>
	<div><input type="text" class="input1"></div>
</body>
</html>

немного не понял юмора, помоему ставить у инпуто height смертный грех :)

Link to comment
Share on other sites
  • 0
TonKhaO Explorer

TonKhaO

Posted
  • Author
Posted
все понимает.

сделать всем браузером одинаковое вертикальное выравнивание.

подождите плз, после виски голова уже не очень соображается, обьясните что значит одинаковое верт выравнивание, у меня код одинаков ведь, я просто не понимаю. где разница в рендеринге ИЕ и остальных броузов? :)

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
подождите плз, после виски голова уже не очень соображается, обьясните что значит одинаковое верт выравнивание, у меня код одинаков ведь, я просто не понимаю. где разница в рендеринге ИЕ и остальных броузов? :)

Надо подогнать вид импута под все браузеры, вот в ИЕ например это валидно можно сделать через условные комментарии и т. д.

Link to comment
Share on other sites
  • 0
TonKhaO Explorer

TonKhaO

Posted
  • Author
Posted (edited)
Надо подогнать вид импута под все браузеры, вот в ИЕ например это валидно можно сделать через условные комментарии и т. д.

сделать position: absolute ? для инпута и сдвинуть его?

PS: кстати опера и мозилла и ие, вочем они все по разному рендерят, получается 3 разные ситуации :-(

Edited by TonKhaO
Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted (edited)
сделать position: absolute ? для инпута и сдвинуть его?

Нет конечно, как правило, в этом деле могут помочь Паддинг-топ или марджин-топ

PS: кстати опера и мозилла и ие, вочем они все по разному рендерят, получается 3 разные ситуации :-(

Дай мне отдельный пример, я тебе покажу примерно, как нужно делать, что-бы было одинаковое отображение во всех браузерах

Edited by psywalker
Link to comment
Share on other sites
  • 0
TonKhaO Explorer

TonKhaO

Posted
  • Author
Posted
Нет конечно, как правило, в этом деле могут помочь Паддинг-топ или марджин-топ

Дай мне отдельный пример, я тебе покажу примерно, как нужно делать, что-бы было одинаковое отображение во всех браузерах

а тот сайт который я привел раве не подходит?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept