2017-04-19 12 views
0

私はいくつかのCSSボタンを持つシンプルなHTMLサイトを持っています。ボタンはうまく動作しますが、上の画像の高さは私が設定したサイズではありません。 私は元々800x190にイメージを作りました。 はまた、私はこのようなコードを設定します。画像の高さのサイズが設定されていません

#felkep1 { 
 
    background-repeat: no-repeat; 
 
\t padding: 0px; 
 
\t z-index: -1; 
 
\t position: absolute; 
 
\t top: 0px; 
 
\t left: 50%; 
 
\t -ms-transform: translate(-50%, 0px); 
 
    transform: translate(-50%, 0px); 
 
}
<div id="felkep1"> 
 
<img src="images/bg1.jpg" style="width:800px;height:190px;" /> 
 
</div>

そして、ここでは画像自体は次のとおりです。 background image

そして決勝で、ここに表示されている私のウェブサイトへのリンクは、あります問題。 ボタンの行は50ピクセル高く、上から140ピクセルの位置に配置されています。 基本的に、画像とボタンの底部は同じ高さにある必要があります。

Rolnaashch website

私はクローム、とFirefoxの両方で試してみました。結果は同じです。

私は何度もコードを検索しましたが、今私は何か不足しているか、どこに手がかりがありませんか?

+0

ナビゲーション用のラッパーを作成し、その画像をバックグラウンドとして設定するのはなぜですか? – snkv

+0

画像は* 190px高です。あなたは何を達成したいですか? – Johannes

+0

あなたのボタンはすべて 'top:-25px'で配置されています。 – CBroe

答えて

0

#backs1 make transform: translate(-50%, 0%); .btn-group .buttonは、topプロパティを削除します。問題は、tanslateが正しく使用されていないためです。

+0

クール、これです!指摘してくれてありがとう!それはとても厄介な、非常にばかげた間違いです! – Rolnaashch

関連する問題