0

我正在使用 HTML 来构建我的网站。我的问题是我不能把我的标志放在我的页面的右边我已经通过改变边距尝试了很多但我不能，现在我的标志在我们的空间这句话的顶部

我想要的是：

英语 法语 我们的空间形象LOGO

我的html是：

<div id="header">

 <div >
            <img class="imgPosition"  src="images/MyLogo.jpg" alt=""/>
            <a href="index.html" class="logo"> <h1><span>Our Space </span></h1></a>

             <span><a href="HomeFrench.html" class="logolang1">French</a> <a href="HomeEnglish.html" class="logolang2">English</a></span>
</div>
</div>




#header div .imgPosition{
    alignment-adjust:middle;
    margin: 0 0 0 650px;
    height: 60px;
    width:100;
}
#header div .logo{
    color: #fff;
    /*display: block;*/
    float:right;
    margin: 0 0 0px -600px ;
    padding: 0 0 0 0px;
    text-decoration: none;
}
#header div .logolang1 {
    color: #fff;
    display: block;
    float:left;
    margin: 0 0 0 -700px ;
    padding: 0 0 0 0px;
    text-decoration: none;
}
#header div .logolang2 {
    color: #fff;
    display: block;
    float:left;
    margin: 0 0 0 -750px ;
    padding: 0 0 0 0px;
    text-decoration: none;
}
4

2 回答 2

0

要在右侧对齐图像，请执行以下操作：

 <div class="image"><img class="imgPosition"  src="http://vectips.com/wp-content/themes/Vectips/images/vectips_logo.png" alt=""/></div>

这应该可以解决您的问题。然后根据您的需要放置边距

于 2012-12-21T12:10:29.247 回答
0

如果您想将徽标放在右侧，只需更改

alignment-adjust:middle;

到

float : right;

或者您可以将徽标设为背景：

#header{
 background : url('images/myLogo.jpg') right no-repeat;
}
于 2012-12-21T12:10:37.207 回答