Вкарване на 2 div-a в input

[anonymous12]

Значи искам да направя едно поле за писане на потребителско име за вход направих с картинка обаче вътре трябва да вкарам и една иконка в полето как може да стане ето кода

<input id="user" class="user_icons" type="text" value="" size="32" maxlength="80" name="text"/>

Втория class не го приема само user приема как да направя да приема и 2-те

 

[odyssey]

като цяло самото поле предполагам ти е няква картинка. разделяш я на два дива и ги слагаш един до друг: левия ти див е тази картинка, която искаш да я има в полето а във втория див си слагаш инпута като махаш бордер и бекграунд.

 

[anonimen]

Ама втория клас не го приема, защото ако искаш даден елемент да има 2 класа, трябва да ги разделиш с интервал, а не с долна черта: вместо
[css]class="user_icons" трябва да е class="user icons"[/css]

 

[anonymous12]

единия div се казва user ,а другия user_icon за това така съм написал

 

[anonymous12]

единия div се казва user ,а другия user_icon за това така съм написал

 

[odyssey]

гледай сега човек. правиш един див който ще съдържа и двата. задаваш му overflow: hidden и някакъв width. другите два дива им даваш float: left и пак някакъв width, като и width-a и на двата див-а да не надвишава общия

 

[IvanAdamov]

HTML

<div class="parent">
   <div class="left"><img src="path to icon" alt="" ></div>
   <div class="right"><input type="text"></div>
</div>

CSS

.parent {
 width:200px;
overflow:hidden;
height:30px;
}
.left {
float:left;
height:100%;
width:40px;
}
.right {
float:right;
height:100%;
width:200px;
}

Като тук остават 10px между двата дива, за да може като се въвежда нещо в инпута да не залепя за иконата.