CSS - Логин инонка и бакграунд заедно?

s1lv3r

Registered
Как може да стане да сложа както и иконка така и бакграунд картинка в формата за логин?
Тоест ето CSS и HTML файла само с това за иконката

CSS
Код:
.frm{
background: url(images/user.png) no-repeat;
padding-left: 20px;
border: 1px #88bc0e solid;
width: 120px;
height: 18px;
}

.frm2{
background: url(images/key.png) no-repeat;
padding-left: 20px;
border: 1px #88bc0e solid;
width: 120px;
height: 18px;
}

HTML
Код:
		<b>Потребител:</b><br />
		<input name="" type="text" class="frm" /><br />
		<b>Парола:</b><br />
		<input name="" type="password" class="frm2" /><br />

EDIT: Името на бакграунд иконката е
Код:
frmbg.gif
 
Това което Емаги е дал е добре самоче:
две забележки: ако сложиш директно на input при ИЕ когато напишеш по дълга дума , фона ще избяга. Затова можеш inputa да го сложиш в друг елемент и да зададеш на този елемент бекграунд. С това пнг пак ще имаш проблем в ИЕ.
 
emagi каза:
Ти погледна ли хубаво какво ти дадох?Точно за картинка е :wink:
Май не ме разбираш.
Аз не искам картинка(иконка),аз искам бакграунд картинка.Тоест искам да има иконка(ключ и човече),но и да има бакграунд картинка.
 
Добре, според теб иконката не е ли картинка?Как ще стане това, да сложиш 2 картинки наведнъж.Не е ли по-добре чрез Photoshop да направиш от двете една, и нея да сложиш там по начина,по който ти дадох :)
 
Ами аз искам едното да стои бакграунд,а другото да стои пак вътре,но текста да започва след него.
 
emagi каза:
Добре, според теб иконката не е ли картинка?Как ще стане това, да сложиш 2 картинки наведнъж.Не е ли по-добре чрез Photoshop да направиш от двете една, и нея да сложиш там по начина,по който ти дадох :)
Ох мерси.
Забравих,че съм сложил в CSS скрипт за да излизат буквите с 25 пиксела по напред.
Мерси +1 за това,че ми помогна да осъзная грешката
 

Back
Горе