0
Как я могу использовать CSS, чтобы расположить изображение справа?
У меня есть следующий код: то, что я хочу, - это использовать css, поместив «MYIMAGE» в самую правую сторону. альтернативный текст http://igurr.com/resized-image.ashx/__size/500x400/__key/CommunityServer.Components.PostAttachments/00.00.00.01.73/OneContact.JPG
<div style="cursor: pointer;" onclick="javascript:SelectContact('17');" onmouseover="javascript:this.className='onfocus';" onmouseout="javascript:this.className='tempClass';" id="contact_17" class="tempClass">
<input type="checkbox" class="contactChk contactItem" id="chk_17" name="chkContact" onclick="javascript:alert('clicked');"/>
<img height="25" width="25" class="contactItem" src="Images/Contacts/NoImage.gif" alt=""/>
<span class="contactName" id="contactName_17">
Amr ElGarhy
</span>
<img id="MYIMAGE" src="Images/Common/Motiva.png" alt="" class="contactItem"/>
<br/>
</div>
CSS:
.contactChk {
margin-left:10px;
}
.contactItem {
display:inline;
vertical-align:middle;
}
.contactName {
display:inline;
vertical-align:middle;
}
Ответов (4)4
Решение
0
Альтернативой является использование абсолютного позиционирования.
Если # contact_17 - position: relative, вы можете установить для #MYIMAGE значение position: absolute и установить для его свойства «right» значение 0 (или как бы далеко от правого края вы хотите). Однако при абсолютном позиционировании все остальное в div игнорируется, поэтому, если вы это сделаете, убедитесь, что остальное содержимое не перекрывается.