Html img после элемента label - PullRequest
Новая
       14

Html img после элемента label

0 голосов
/ 06 февраля 2011

Привет,

У меня есть следующий HTML-код: 

<div class="controlTitleContainer ">
    <label for="test">Titel</label>
    <div class="q">&nbsp;</div>
</div>

CSS выглядит следующим образом 

.controlTitleContainer .label
{
    font-size:              0.94em;
    color:                  #778899;
    display:inline;
}

.controlTitleContainer .q
{
    background-image:       url("Images/Common/Icons/questionMark_15x14.png");
    height:                 14px;
    width:                  15px;
    float:left;
}

Проблема в том, чтоdiv будет располагаться слева от метки, а не справа?Почему?

Я пытался переключить div на span безуспешно.Также, если я изменю div на img intead, он будет работать, но есть некоторые нежелательные поля, которые я не могу удалить с помощью элемента div.

Совет Pleas

Edit1: путаница в вопросе теперь должна быть исправлена, извините за это.

MySolution: Я создал два элемента div (один для текста и один для значка), а затем установил для float значениеосталось на обоих.

Ответы [ 4 ]

2 голосов
/ 06 февраля 2011

Вы в замешательстве. Вы говорите о IMG в заголовке вопроса, затем представляете SPAN в своем коде, а затем говорите о DIV в своем тексте.

Но я полагаю, что все три ссылаются на SPAN в вашем коде, поскольку вы устанавливаете фоновое изображение для элемента SPAN.

Решение

Так или иначе. Ваш span перемещается влево в соответствии с вашим CSS. Если вы удалите следующую строку в вашей таблице стилей, ваш span появится справа от вашего label: 

float: left; /* <- remove this */

Редактировать : Полагаю, ваш вопрос был отклонен из-за этой путаницы. Если вы хотите, чтобы сообщество помогло с подробными ответами, самое малое, что вы могли бы сделать, - это потратить время на то, чтобы сформулировать свой вопрос с той же тщательностью, которую вы ожидаете вернуть.

1 голос
/ 06 февраля 2011

Вы не хотите, чтобы изображение было справа от ярлыка?Вы указали float: left;.Вы также можете изменить .label на label в первой строке кода CSS.

0 голосов
/ 10 июня 2015

Плавания могут быть хитрыми ... Я бы просто позаботился о том, чтобы метка была inline или inline-block, и чтобы ваше изображение или контейнер изображений также был inline или inline-block. Затем они будут выровнены как текст в строке. Йеай!

0 голосов
/ 04 ноября 2012

Вы можете использовать «CSS: после выбора»

Ссылка: http://www.w3schools.com/cssref/sel_after.asp

...