Question

我有图像（橙花），我想把它移到李的右侧。

<a>标记中嵌入的图片，我写float:right;但它无效。

我知道为什么，我需要帮助，非常感谢。

    <ul id="menu">
                    <li><a href="index.html">home</a></li>
                    <li><a href="learnmore.html">פרטים נוספים</a></li>
                    <li><a href="services.html">learnmore</a></li>
                    <li><a href="about_us.html">about_us</a></li>
                    <li><a href="prices.html">prices</a></li>
                    <li><a href="location.html">location</a></li>
            </ul>
* { 
    margin:0; padding:0;
    border:0; diraction:rtl;
}
 body{
     text-align:right;
     font-family:Arial;
     font-size: 20px;
     border:1px solid red;
     font:13px Arial, Helvetica, sans-serif; color:#a7a7a7;
     line-height:20px
}
#menu { width:100%;
        border: 5px solid green;
        padding:18px 30px 0 0; border-bottom:1px solid #e2e2e2;}
#menu li { 
    border: 5px solid brown;float:right;padding-right:30px;}
#menu li a{ 

    right:0;
 text-transform:uppercase; text-decoration:none; 
 color:#2c2c25; font-size:18px; line-height:20px;
    float:right; right:0;
     background:url(http://t0.gstatic.com/images?q=tbn:ANd9GcRP4bAv-ruMbgWa8rTLZhWOITQk6aGOI8L_YMrmsRbacuIR502w) 
    7px 1px no-repeat;

}

Answer 1

您为

添加此样式

a{
   display:block;
 }

并删除right:0

Answer 2

认为你想尝试

background-position:right;

#menu li。

Answer 3

在li。中使用background-position: right;

#menu li {
border: 5px solid brown;float:right;padding-right:30px;
background:url(http://t0.gstatic.com/images?q=tbn:ANd9GcRP4bAv-ruMbgWa8rTLZhWOITQk6aGOI8L_YMrmsRbacuIR502w)
7px 1px no-repeat;
background-position: right;
   }

演示jsfiddle

Answer 4

背景速记错误，请尝试

background:url(http://t0.gstatic.com/images?q=tbn:ANd9GcRP4bAv-ruMbgWa8rTLZhWOITQk6aGOI8L_YMrmsRbacuIR502w) 
    no-repeat center right;

Working Demo使用最少的CSS

Reference

Answer 5

您的图片本身不是标记，因为您将其作为背景图像添加到链接中，这就是float:right不起作用的原因。所以你需要：

background:url("http://t0.gstatic.com/images?q=tbn:ANd9GcRP4bAv-ruMbgWa8rTLZhWOITQk6aGOI8L_YMrmsRbacuIR502w") top right no-repeat;

定位图像。或bottom right，如果您愿意。

Answer 6

像这样：

background:url(http://t0.gstatic.com/images?q=tbn:ANd9GcRP4bAv-ruMbgWa8rTLZhWOITQk6aGOI8L_YMrmsRbacuIR502w) 
**right** 1px no-repeat;

我将背景中的“7px”更改为“右”，这意味着它将水平放置在右侧，距离顶部1 px。

Answer 7

在background-position:right;上添加#menu li a，并使用padding-right:10px;上的#menu li和padding-right:15px;上的#menu li a调整填充。

你可以在这里看到它： http://jsfiddle.net/5gGum/29/

如何将图像移动到李马努的右侧？

7 个答案: