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" width="800" />

（800 使其适合，但您可能需要根据需要进行更改。）

于 2012-10-22T19:40:06.460 回答
0

您可以width="800px"在 img 上放置一个标签，但我建议尽可能远离它，并在 Photoshop 或其他类似程序中实际缩小图像的大小。如果您的页面包含大量使用标签缩小的图像，width您的页面加载时间可能会变得非常长。

于 2012-10-22T19:45:09.213 回答
0

你可以删除<img src="bilder/kjiptbilde.jpg" alt="bilde fra parken">

于 2012-10-22T19:52:54.853 回答