Forum » Izdelava spletišč » 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
HTML
Rad bi, da je gumb v isti vrstici kot input box, trenutno mi ga namreč vrže v drugo vrstico.
Hvala za pomoč!
Klemen
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
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 ...
Tema | Ogledi | Zadnje sporočilo | |
---|---|---|---|
Tema | Ogledi | Zadnje sporočilo | |
! | Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 )Oddelek: Izdelava spletišč | 347341 (6478) | sunniegoldie |
» | Kako narediti to stran "resposive"?Oddelek: Izdelava spletišč | 1036 (927) | zzbil |
» | meni razporejen po celotni dolžiniOddelek: Izdelava spletišč | 2247 (2115) | XzupanX |
» | poravnava li elementovOddelek: Izdelava spletišč | 2157 (2022) | boss-tech |
» | Wampserver in FirefoxOddelek: Izdelava spletišč | 1859 (1739) | jonystar |