интервал значков интерфейса не отображается - PullRequest
Новая
       11

интервал значков интерфейса не отображается

0 голосов
/ 15 сентября 2011

Я пытаюсь выровнять значок пользовательского интерфейса из темы jquery справа от элемента текстового поля, но безуспешно.

Я пробовал разные типы с плавающей точкой (плавающая левая сторона толкает его к левой стороне моего текстового поля, плавающая справа - все время до конца моего родительского элемента, чтобы он не прилегал к моему текстовому полю) попробовал display: inline, я попробовал display: inline-block ... кажется, ничего не работает.

Разве диапазон не должен просто рендерить html-код в любом месте, именно там, где я разместил его на странице? 

<td><input type="text" maxlength="4" name="tb" id="tb" style="width:30px;" /><span class="ui-icon ui-icon-help ui-state-default" id="tbHelp" style="inline-block;" title="What's This?"></span></td>

1 Ответ

0 голосов
/ 15 сентября 2011

Вы можете назначить класс или идентификатор для td и назначить ширину этому элементу.Эту ширину следует назначать с учетом размера иконки.Затем продолжайте с правой стороны поплавка.Элементы Span используются для текста, так почему бы не использовать тег изображения для этого значка? 

<head>
        <style type="text/css">
            .tdd{
                width: 50px;
                height: 20px;
                background-color: blue;
            }
        </style>
    </head>
<body>
    <table>
    <td class="tdd"><input type="text" maxlength="4" name="tb" id="tb" style="width:30px;" /><img src="img/bgFlag.png" width="16" height="16" class="ui" id="tbHelp" style="inline-block;" title="What's This?"></td>
    </table>
...