09/10/2018, 23:16

Tại sao code giống nhau nhưng show khác nhau ?

Hi.
Tôi có 2 cái input giống hệt nhau, chỉ khác mỗi type, 1 cái type=text, 1 cái type=password, cụ thể như bên dưới

Code:

<input name="txt_user" type="text" size="15" class="input-white" maxlength="15" value=>
<input name="txt_password" type="password" size="15" class="input-white"  maxlength="15">

Vậy nhưng ko hiểu sao khi duyệt với IE thì ô nhập password luôn dài hơn ô nhập user, làm mất cân đối.
File css ko có gì đặc biệt.

jiSh@n viết 01:18 ngày 10/10/2018

Cái type đã khác nhau thì làm sao nói là giống nhau được, nhất là đối với thằng IE - một ví dụ đáng xấu hổ cho việc xem thường các chuẩn web. Cái CSS có định chiều dài của input ko?

~guest viết 01:25 ngày 10/10/2018

file css của tôi đấy, các pac coi giùm nó ở chỗ nào mới, trên FF ko bị, chỉ bị với IE, cái ô nhập pass nó cứ dài hơn rất khó coi.

Code:

.borderAll {
	border: 1px solid #3B49CF;
}
a:link {
	color: green;
	text-decoration: none;
}
a:visited {
	color: green;
             text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
}
TD.menu1 A:link {
	COLOR: #FFFFFF; TEXT-DECORATION: none
}
TD.menu1 A:visited {
	COLOR: #FFFFFF; TEXT-DECORATION: none
}
TD.menu1 A:hover {
	COLOR: #FFFFFF; TEXT-DECORATION: none
}
TD.menu1 {
	FONT-WEIGHT: Bold; FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #3399FF
}
TD.menu2 {
	FONT-WEIGHT: Bold; FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #79BCFF
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
             BACKGROUND:url(002.gif);
	font-size: x-small;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding-left: 10px;
	padding-right: 10px;

}
ol {
	font-size: 10pt;
}
ul {
	font-size: 10pt;
}


Table {
	font-size: 10pt;
}

.show {
	hidden: false;
	visibility: visible;
}
.input-white
{
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	FONT-SIZE: 8pt;
	PADDING-BOTTOM: 1px;
	PADDING-TOP: 1px;
	COLOR: #006600;
	border-bottom:1px solid #006600;
	border-top:1px solid #006600;
	border-left:1px solid #006600;
	border-right:1px solid #006600;	
	background-color: #fff;
	filter: Alpha(Opacity=70);
}

strong {font-size: 8pt; font-weight: bold; color: #669922}

INPUT { FONT-SIZE: 8pt; font-weight: bold; }
TEXTAREA { FONT-SIZE: 8pt; font-weight: bold; border-style: dotted;}
SELECT { FONT-SIZE: 8pt; font-weight: bold; border-style: dotted; color: green;}

lovephp viết 01:21 ngày 10/10/2018

Bạn thử
INPUT { FONT-SIZE: 8pt; font-weight: bold; width:50px }
xem sao

Có rất nhiều khác biệt trong hiển thị FORM ở IE và Firefox và ngày chính trong mỗi tag, nếu để form trong div thì khác xa để form trong table, để khắc phục điều này thì nên dùng thêm CSS để chỉnh các thông số.

~guest viết 01:32 ngày 10/10/2018

thanks, đã thử nhưng ko khắc phục đc, cái ô nhập pass vẫn dài hơn, bực quá, more help , plz...........

dungdeveloper viết 01:19 ngày 10/10/2018

.input {
font: 14px Verdana, Arial, Helvetica, sans-serif;
}

Apply this class for your input fields and you never get the problem with IE !

Thanh duc viết 01:19 ngày 10/10/2018

Các bạn kô nắm rõ được kỹ thuật thì đừng vội chê IE,
giải quyết cái này rất đơn giản với input thì đặt thuộc tính là width thay cho size ví dụ <input type="text" style="width:100px"> lý do ở đây là IE hiển thị kích thước font chữ ở UTF-8 khác với chuẩn iso-8859-1
Tiện đây xử lý luôn form, với form bạn nên đặt margin:0px như vậy sẽ kô bị khoảng cách ảnh hưởng tới bố cục trang

kid08 viết 01:29 ngày 10/10/2018

yeah, em cũng nàm chế hý hý :">

Bình luận về bài viết này

Chia sẻ tin đăng đến bạn bè

Gửi Messenger

Bài liên quan

~guest

0 chủ đề

0 bài viết

Tác giả nổi bật