2017-04-06 2 views
-1

私は作成しているサイトを持っており、ロゴをすべて左に浮かべているようには見えません。ロゴを左に動かす

でしょういくつかの種類の魂の心のまっすぐ私を設定(またはそれによっては左):

これが私のサイトです:

季節。 rudtek。 com/join-our-team/

答えて

1

トリックをやっているように見える:

#Top_bar .logo { 
    float: left; 
    margin-left: -20px !important; 
} 

はベストプラクティスではないかもしれないが、それは大丈夫です。

+0

!importantの使用は眉をひそめます。それは道路の下でかなり大きな頭痛を引き起こす可能性があります。 – rockusbacchus

+0

私は知っている、それを乱用しないでください –

+0

私はそれを使用しています。できます! – rudtek

1

インラインとrenew.cssの2つの場所で、.x-container.widthを86%に指定しました。これを取り除くと動作します。ほとんどのブラウザで利用できる開発者ツールに慣れておいてください。

+0

+1のデベロッパーツールの提案。私はFirefoxのDeveloper Editionに非常に忠実ですが、Chromeのツールもうまくいきます。 – rockusbacchus

1

原因はdiv.containerのCSSにあります。このルールを削除すると、次のようになります。

.section-wrapper, .container { 
    margin: 0 auto; 
} 

ロゴが左端に表示されます。また、ページ上のテキストも左に移動するので、両方同時に設定するのではなく、.section-wrapperのマージンに異なる値を設定するとよいでしょう。

0

があるTop_bar .logo {フロート:なし;テキスト整列:センター;マージン:15ピクセル0} スタイルID = MFN-dnmcスタイル-CSSの

変化この

.logoに{フロート:を左;テキスト整列:センター;マージン:15ピクセル0}

これは機能します。

関連する問題