Kontrolka Form i nadmiarowa biała przestrzeń

0

Mam coś takiego:

<form action="/Account/LogOff" class="form-log-out" id="logoutForm" method="post"><input name="__RequestVerificationToken" type="hidden" value="2NGydmbXuZoUp0uldpa6HazYyQfB7ERH4zrLN9XMi-ohDq2jZkd3grMf4ft3DnBcliYqYcRyZcZTpIV4LRjczTgD2jy_1aOJkGX_zunjLR4zc8CMxWXekjeusEIDJqlaJldX97pDXAVrxVhPLhuIzQ2" /> Logout </form>

Niestety problem jest taki, że po prawej stronie od napisu Logout jest dodana nadmiarowa pusta przestrzeń. Jak się jej pozbyć? Próbowałem z margin-right: -50px, niby ok ale na smartphonach albo po zwężeniu okna przeglądarki najeżdża na sąsiedni element z prawej. Jedynie co udało mi się zrobić to minimalnie zmniejszyć odstęp poprzez margin-right: inherit;. Jak go wyeliminować całkowicie?

title

Bez elementu form wszystko jest ok. Problem się zaczyna jak opakuję Logout wewnątrz form.

0

Może spróbuj wywalić spację po słowie logout?

0

Zobacz samodzielnie jakie ostylowanie ma ten element i jego rodzice. Być może ten element albo któryś z rodziców ma ustawioną szerokość, albo ten element ma ustawiony prawy padding, border albo margin, albo masz nbsp, albo spację i ustawione absurdalnie duże odstępy pomiędzy wyrazami... Możliwości jest bardzo dużo, proponuję użyć firebuga pod FF i tam na zakładce HTML są zakładki "styl" i "układ", uważna lektura ich treści (po zaznaczeniu odpowiedniego elementu w drzewku html) na pewno przyniesie Ci rozwiązanie problemu.
Jeśli nie uda Ci się, to udostępnij na http://jsfiddle.net najprostszy kod umożliwiający odtworzenie problemu, a link do fiddla wklej tutaj.

1 użytkowników online, w tym zalogowanych: 0, gości: 1