Question

我无法弄清楚这一点。已经离开设计游戏一段时间，无法让这个dang图像与右边对齐。这是我对图像的编码。

HTML

<a href=“www.facebook.com”><img src="images/logo.png" class=“logo” /></a>

CSS

img.logo {
    float: right;
}

如果我只是把

放到所有图像上

img {
    float: right;
}

但它无法识别该课程。

这是完整的CSS代码

body {
    background-image:url(images/mainbg.jpg);
}

#container {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
}

#nav {
    position: absolute;
    top: 166px;
    bottom: 50px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    left: -4px;
    z-index: 1;
    height: 115px;
}

#content {
    background-image: url(images/bodybg.png);
    background-repeat: repeat-y;
    width: 940px;
    color: #000;
    font-size: 22px;
    margin-left: auto;
    margin-right: auto;
}

#footer {
    background-image: url(images/footbg.png);
    background-repeat: no-repeat;
    width: 940px;
    height: 66px;
    margin-top: -60px;
    margin-left: auto;
    margin-right: auto;
}

img.logo {
     float: right;
}

a {color: #fff;}
a:visted {color:#fff;}
a:hover {color: #555;}

感谢任何帮助。谢谢！

Answer 1

这很简单，只需更改引号：

HTML：

<a href="www.facebook.com"><img src="http://placekitten.com/200/400" class="logo" /></a>

CSS：

.logo{
    float: right;
}

JsFiddle example

Answer 2

好的，这就是问题所在。在你的情况下，你需要使用正确的quotation mark，你以错误的方式使用它。

第二个也是最重要的是你将img向右浮动;这对a标记没有任何影响。

在这里查看 DEMO 。

那么您需要做什么，而不是浮动img元素，您必须浮动a标记。这对SEO实践有好处。查看 New DEMO 链接。

Answer 3

也许试一试

//CSS
.RightImage{
width:100%;
height:200px;
right:0;
position:absolute;
}
//HTML
<div class="RightImage"><a href=“www.facebook.com”><img src="images/logo.png" class=“logo” /></a></div>

Answer 4

.logo img{
    float: right;
}

只需使用此

即可

Answer 5

替换...

img.logo {
    float: right;
}

与

.logo img{
    float: right;
}

这将正确对齐类徽标的图像。

img类不起作用

5 个答案: