HTML - стилизация типа ввода = отправить в качестве якоря и удалить лишнее отображаемое пространство - PullRequest
1 голос
/ 23 апреля 2010

У меня есть следующий HTML-код, и вы можете видеть дополнительное пространство между ссылками при отображении страницы.

Как обрезать это пространство?

РЕДАКТИРОВАТЬ: Кажется, это проблема IE.

<div class="navLinks" style="text-align:right;margin-bottom:30px;">
    <form action="/Invoice/SetPaid" method="post"><input id="id" name="id" type="hidden" value="11356" />
                <input type="submit" value="Set To Paid" />
            </form><form action="/Invoice/WorkInProgress" method="post"><input id="id" name="id" type="hidden" value="11356" />
                <input type="submit" value="Set To Work In Progress" />
            </form><form action="/Invoice/PrintVersion/11356" method="post"><input id="id" name="id" type="hidden" value="11356" />
                <input type="submit" value="Printable Version" />
            </form><form action="/Home/User" method="post"><input id="id" name="id" type="hidden" value="11356" />
                <input type="submit" value="Continue" />
            </form>
</div>

    .navLinks form
    {
        display:inline;
    }

    .navLinks input
    {
        text-decoration:underline;
        background-color:white;
        color: #034af3;
        border: 0px none;
        text-align:center;
    }

    .navLinks input:hover
    {
        text-decoration:none;
    }

Ответы [ 2 ]

1 голос
/ 23 апреля 2010
.navLinks input
{
  text-decoration:underline;
  background-color:white;
  color: #034af3;
  border: 0px none;
  text-align:center;
  padding: 0px 6px;
  /* Fixes extra padding issue in IE */
  width:auto;
  overflow:visible;
}
0 голосов
/ 23 апреля 2010

Используйте вот так,

<div class="navLinks" style="text-align:right;margin-bottom:30px;"><form action="/Invoice/SetPaid" method="post"><input id="id" name="id" type="hidden" value="11356" /><input type="submit" value="Set To Paid" /></form><form action="/Invoice/WorkInProgress" method="post"><input id="id" name="id" type="hidden" value="11356" /><input type="submit" value="Set To Work In Progress" /></form><form action="/Invoice/PrintVersion/11356" method="post"><input id="id" name="id" type="hidden" value="11356" /><input type="submit" value="Printable Version" /></form><form action="/Home/User" method="post"><input id="id" name="id" type="hidden" value="11356" /><input type="submit" value="Continue" /></form></div>

Для стиля,

.navLinks form
    {
        display:inline;
    }

    .navLinks input
    {
        text-decoration:underline;
        background-color:white;
        color: #034af3;
        border: 0px none;
        text-align:center;
        cursor:pointer;
        padding:0px;
    }

    .navLinks input:hover
    {
        text-decoration:none;
        cursor:pointer;
    }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...