Webboard

Pełna wersja: Wyrównanie elementów w linii
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Podpowiedzcie proszę jak wyrównać te dwa elementy, które są w skrzynce wiadomości.


Tak jest:
[attachment=11870]

Tak ma być:
[attachment=11871]

W szablonie jest to zapisane jako:
Kod:
<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:
Kod:
.float_right {
float: right;
}
Nadaj elementom zerowy margin-topi vertical-align: top;.
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
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;.
(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]