0

HTML を使用して Web サイトを構築しています。私の問題は、ページの右側にロゴを配置できないことです。余白を変更して多くのことを試しましたが、できませんでした。現在、ロゴは文の上にあります。

私が欲しいのは：

英語 フランス語 私たちの空間 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;
}
4

2 に答える 2

0

画像を正しい jst に配置するには、次のようにします。

 <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 に答える