» »

CSS submit button - inline težava

CSS submit button - inline težava

Klemen1602 ::

Pozdravljeni!
Oblikoval sem submit button, vendar me določene funkcije ne ubogajo kot bi me morale ...
CSS
button	{
    float: left;
    background-color: #f5f5f5;
    border: 1px solid #dedede;

    font-family: Myriad, Verdana, Arial;
    font-weight: bold;
    color: #565656;
	padding: 2px 7px 2px 5px;
}

button:hover	{
    background-color: #dff4ff;
    border: 1px solid #c2e1ef;
    color: #336699;
}


HTML
<form id="login" action="#" method="post">
<input name="pass" id="username" type="text" value="Username" class="userbar" />
<input name="pass" id="pass" type="password" value="Password" class="userbar" />
<button type="submit" name="login"><img src="img/user_add.png" />Login</button>
</form>


Rad bi, da je gumb v isti vrstici kot input box, trenutno mi ga namreč vrže v drugo vrstico.

Hvala za pomoč!
Klemen

DiTi ::

poskusi s display: inline;

Klemen1602 ::

Sem že, ne deluje :S

technolog ::

Vsem trem dej (in sliki):



img, input, button {
display: inline-block;
}

Klemen1602 ::

Ne dela :S

Haniball ::

Klemen1602 je izjavil:

Ne dela :S

Vsem trem daj "float: left;", oz. samo zadnjima dvema, če nočeš da je še prvi input v isti vrstici.
Sicer pa so inputi in gumbi po defaultu v isti vrstici - nekje si moral povoziti property display in jo najverjetneje nastavil na block. Tako da bi odstranitev le-tega tudi rešila problem.


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 423 24 25 26 )

Oddelek: Izdelava spletišč
1298347328 (6465) sunniegoldie
»

Kako narediti to stran "resposive"?

Oddelek: Izdelava spletišč
51036 (927) zzbil
»

meni razporejen po celotni dolžini

Oddelek: Izdelava spletišč
72247 (2115) XzupanX
»

poravnava li elementov

Oddelek: Izdelava spletišč
82157 (2022) boss-tech
»

Wampserver in Firefox

Oddelek: Izdelava spletišč
61859 (1739) jonystar

Več podobnih tem