Webboard

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]

kpietrek

Divir

kpietrek

Łukasz

Divir

kpietrek

Penny