Wyrównanie elementów w linii

Inne  Założony przez  kpietrek.

Podpowiedzcie proszę jak wyrównać te dwa elementy, które są w skrzynce wiadomości.


Tak jest:
   

Tak ma być:
   

W szablonie jest to zapisane jako:
<div class="float_right">
{$composelink}
</div>
<div class="float_right">
<strong>{$lang->jump_folder} {$folderjump}
<input type="submit" class="button" name="hop" value="{$lang->go}" />
</strong>
</div>


A tak jest w stylach:
.float_right {
float: right;
}
Nadaj elementom zerowy margin-topi vertical-align: top;.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
Rozumiem, że do tego dopisać ??

.float_right {
    float: right;
    margin-top: 0;
    vertical-align: top;
}

Bo jak tu dopisuję to nic się nie zmienia.
Nie, dopisz do a.button:active
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna.
https://jsfiddle.net/b9y1jco2/ - brudny kod. Działa bo działa. Wypadałoby go przerobić pod swoje forum.

Jeśli nie chcesz, aby przycisk "OK" przylegał do górnej linii to nie używaj vertical-align: top;.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
(08.05.2017, 19:21)Conors napisał(a): Nie, dopisz do a.button:active

To rozwiązanie pomogło. A podpowiedzcie proszę jeszcze jak zmniejszyć wysokość tych elementów??
Gdzie tego szukać?? Chodzi o wysokość przycisku wiadomość i tego pola wyboru skrzynki.
edytuj odpowiednio padding w select oraz a.button:link

Przykładowo:
[Obrazek: 760e3c22d8ec4836b89fc1bb598f45ea.png]
Wsparcie poza forum - odpłatne.



Użytkownicy przeglądający ten wątek:

1 gości