CSS ИЕ7 Въпроси

[rivo]

Имам 2 проблема със скапания Explorer 7, за 6 дори неискам и да гледам.

Има ли начин да сложа на input поле background-image и да не бъгва под ИЕ7

и 2-ро. Търся да оправя това, под другите браузъри всичко работи разбира се, но под ИЕ 7 това е МИРАЖ... :x

 

[dELux_nike]

а код ? да гадаем ли

 

[rivo]

за бутона

<div id="send">
<div id="send-left"></div><input class="send" type="submit" name="reg" value="РЕГИСТРАЦИЯ" /><div id="send-right"></div>
<div class="clear"></div>
</div>


css

#send{
padding:0;
margin:0 10px 10px 0;
float:right;
}
#send-left{
background-image : url('../img/template/send-but-left.png');
background-repeat: no-repeat;
float:left;
width:3px;
height: 32px;
}
.send{
padding : 8px 10px;
background-image : url('../img/template/send-but-middle.png');
background-repeat: repeat-x;
color : white;
border:none;
float:left;
font-size : 14px;
margin: 0 0 0 -1px;
}
.send:hover{
color:#647e38;
}
#send-right{
background-image : url('../img/template/send-but-right.png');
background-repeat: no-repeat;
width:3px;
height: 32px;
float:left;
margin:0;
padding:0;
}



за полетата( #user-box държи цялата форма, затова не го слагам)

<div class="input">
<h4>Потребител:</h4>   <input class="account" type="text" name="username" />
<div class="clear"></div>
</div>


css

#user-box .input {
width : 380px;
background : #f5ffff;
margin : 3px auto;
padding : 10px 20px;
border : 1px solid silver;
}
#user-box h4 {
margin : 10px 0;
padding : 0;
float : left;
color : #2a87ff;
font-size : 13px;
}
input.account {
padding : 5px;
float : right;
}

 

[adrian]

За първия проблем вместо да задаваш background-a на input полето - го задаваш на външен обграждащ див:

<div class="input_bg">
<input type="text" name="xxx" id="xxx" />
</div>

[css]
.input_bg { background: url(линк) no-repeat; width: 100px; height: 20px; line-height: 20px; }
.input_bg input { background: none; border: 0; width: 100px; height: 20px; }
[/css]

Втория въпрос не го разбрах.

 

[shterev]

За 2-рия проблем не те разбрах кое не ти не наред

 

[rivo]

идеята е да са едно срещу друго, в момента едното лети малко нагоре, другото надолу

 

[shterev]

на <h4> му слагаш една вирина колкото ти е текста и му даваш float:left; и ще се качат на 1 ред