0

テキスト div とイメージ div が右に浮いているラッパー div を作成しました。はい、簡単な作業ですが、今夜はそうではないようです。私はそれを機能させることができず、立ち往生しています。

現在の様子は次のとおりです: http://bit.ly/RNinCm

CSS:

introwrapper {
    width: 938px;
    background-color: white;
    margin-bottom: -20px;
    padding-left: 5px;
}

.introtekst {
    font-size: 30px;
    text-transform: uppercase;
    font-family: Arial, Verdana, sans-serif;
    color: #a81c11;
}

.gammeltbilde {
    float: left;
}

HTML:

<div id="introwrapper">
        <div class="introtekst">
            <p>Some text here.</p>
        </div>
        <div class="gammeltbilde">
            <img src="bilder/kjiptbilde.jpg" alt="bilde fra parken"/>
        </div>
</div>
4

4 に答える 4

1

次のように CSS を変更します。

.introtekst {
    font-size: 30px;
    text-transform: uppercase;
    font-family: Arial, Verdana, sans-serif;
    color: #a81c11;
    display:inline;
    width: 80%; /* or dependent on what you like */
    float: left;
} 

.gammeltbilde {
    float: right;
    display:inline;
    width: 20%; /* relative to width for introtekst */
}
于 2012-10-22T19:44:45.667 に答える
0

あなたはちょうど削除することができます<img src="bilder/kjiptbilde.jpg" alt="bilde fra parken">

于 2012-10-22T19:52:54.853 に答える
0

img にタグを付けることもできますがwidth="800px"、実際には可能な限りタグを付けずに、Photoshop などのプログラムで実際に画像のサイズを小さくすることをお勧めします。タグを使用してサイズを縮小した多数の画像を含むページがある場合width、ページの読み込み時間がかなり長くなる可能性があります。

于 2012-10-22T19:45:09.213 に答える
0

画像がコンテナよりも大きいです。画像に寸法を設定してみてください:

<img src="bilder/kjiptbilde.jpg" alt="bilde fra parken" width="800" />

(800 で十分ですが、必要に応じて変更することもできます。)

于 2012-10-22T19:40:06.460 に答える