Question

我正在使用HTML来构建我的网站。我的问题是我不能把我的标识放在我的页面右侧我通过更改边距尝试了很多但是我不能，现在我的LOGO 在句子的顶部我们的空间

我想要的是：

英语法语我们的空间imageLOGO

我的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;
}

Answer 1

用于在右边的jst中对齐图像：

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

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

Answer 2

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

alignment-adjust:middle;

到

float : right;

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

#header{
 background : url('images/myLogo.jpg') right no-repeat;
}

无法使用CSS修复我的标题

2 个答案: