Логин форма

[dashe]

Имам следния код.

CSS:

div#login {
position:absolute;
top:0px;
right:0px;
width:200px;
text-align:right;
color:#666;
padding:3px;
}

input.username {
background:#000000 url('http://localhost/dota/images/user.gif') 2px 2px no-repeat;
padding: 3px 3px 3px 24px;
border: 1px solid #3A3A3A;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #D1C0A5;
float: left;
height: 13px;
width: 100px;
margin: 2px;
}

input.password {
background:#000000 url('http://localhost/dota/images/password.gif') 2px 2px no-repeat;
padding: 3px 3px 3px 24px;
border: 1px solid #3A3A3A;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #D1C0A5;
float: left;
height: 13px;
width: 100px;
margin: 2px;
}

input.login {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #000000;
border: 1px solid #3A3A3A;
color: #D1C0A5;
font-size: 11px;
padding: 3px;
margin: 2px;
font-weight: normal;
float: left;
}

Ама работата е там че като сложя всичко във div...
И полетата username & password са едно по друго пък бутона вход е от дясно.
Пък искам да ги нацакам всичко едно по друго.. кфо ли не пробвах?:>

 

[maxvolum]

Настрой си HTML, сложи по едно <br /> след всеки елемент.

 

[maxvolum]

Всъщност може и да промениш css. Сложи това:

div#login {
position:absolute;
top:0px;
right:0px;
width:200px;
text-align:right;
color:#666;
padding:3px;
}

input.username {
background:#000000 url(\\\'http://localhost/dota/images/user.gif\\\') 2px 2px no-repeat;
padding: 3px 3px 3px 24px;
border: 1px solid #3A3A3A;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #D1C0A5;
height: 13px;
width: 100px;
margin: 2px;
}

input.password {
background:#000000 url(\\\'http://localhost/dota/images/password.gif\\\') 2px 2px no-repeat;
padding: 3px 3px 3px 24px;
border: 1px solid #3A3A3A;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #D1C0A5;
height: 13px;
width: 100px;
margin: 2px;
}

input.login {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #000000;
border: 1px solid #3A3A3A;
color: #D1C0A5;
font-size: 11px;
padding: 3px;
margin: 2px;
font-weight: normal;
}

Така елементите ще са един под друг, но е възможно да се получат промени по дизайна . Но не е много вероятно.

 

[dashe]

Настрой си HTML, сложи по едно <br /> след всеки елемент.

Забравих да кажя без <br />
За username & password стана и без <br />
Така ми трябва за бутона вход.

 

[maxvolum]

Ами виж ми второто мнение.

 

[dashe]

Ами виж ми второто мнение.

Сек
Edit:
Пич ти нищо не си променил само тия черти при user & passs пък те са си във ред.
Бутона за вход искам да го нацакам под тях без да използвам <br />

 

[maxvolum]

Когато не си задал float и всеки елемент ти е в div би трябвало елементите да са на нов ред. Всеки елемент ти е в div нали?