Question

你好我是html和css的新手，并试图显示图像和一些文字。我们的想法是将图像放在图像旁边并且有效。但是，文本从图像的底部开始而不是顶部。有些人可以设置它以便从顶部开始吗？

这是我在css中使用的代码：

.images{
  float: left;
  margin: 5px;
}

这是我的HTML代码：

<!DOCTYPE html>
<html>
<head>
<title>Contact</title>
<meta charset="utf-8">
<link rel="stylesheet" href="../css/main.css" />
<link rel="stylesheet" href="../css/contact.css" />
</head>
<header>
<div id="logo">
    <h1><a href="../html/index.html" id="logoLink">Baby kleding online</a></h1>
</div>
<div id="nav">
    <ul>
        <li><a href="../html/index.html"id="homenav">Home</a></li>
        <li><a href="../html/kleding.html"id="kledingnav">Kleding</a></li>
        <li><a class="inuse" href="../html/contact.html"id="contactnav">Contact</a>  </li>
        <li><a href="../html/vragen.html"id="vragennav">Vragen</a></li>
    </ul>
</div>
</header>
<body id = "contact">
<div id="page">
<div class="content">
    <h2>Contact</h2>
    <images>
        <img src="../images/logo.PNG">
        Het bedrijf 'Baby kleding online' wordt in 1953 opgericht door een dynamisch Belgisch ondernemersechtpaar. De eerste winkel wordt geopend op de Groenplaats in Antwerpen. Hier vind je de eerste kleding voor Pasgeboorene, baby's, peuters en kleuters.
        In het begin gebeurt de productie op de verdieping in een confectieatelier waar ook alle nieuwe modellen ontwikkeld worden.
        Wat later worden er nog winkels geopend. Het echtpaar omringt zich al heel snel met medewerkers.
        Het kleine confectieatelier groeit uit tot een groot plateau waarop verschillende modeontwerpsters werken.
        Langzaam aan komen er nieuwe winkels over heel België.
        Het merk gaat vervolgens over de grens: er worden filialen in Luxemburg en Athene geopend. Het bedrijf blijft internationaal uitbreiden.
        Vandaag heeft het Belgische merk al een hele weg afgelegd met bijna 300 winkels in de wereld. Baby kleding online wil het leven mooier en nog makkelijker maken voor de mama’s en hun jonge kinderen, met een assortiment gaande van knuffels, relaxen, flessenwarmers tot luiertafels, meubilair en zwangerschaps- en kinderkleding.
    </images>
    <br>
    <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.nl/maps?f=q&amp;source=s_q&amp;hl=nl&amp;geocode=&amp;q=KGD+Groenplaats,+Antwerpen,+Belgi%C3%AB&amp;aq=&amp;sll=51.219125,4.40313&amp;sspn=0.002967,0.008165&amp;ie=UTF8&amp;hq=KGD&amp;hnear=Groenplaats,+2000+Antwerpen,+Belgi%C3%AB&amp;ll=51.218201,4.400925&amp;spn=0.006295,0.006295&amp;t=h&amp;output=embed"></iframe><br /><small><a href="https://maps.google.nl/maps?f=q&amp;source=embed&amp;hl=nl&amp;geocode=&amp;q=KGD+Groenplaats,+Antwerpen,+Belgi%C3%AB&amp;aq=&amp;sll=51.219125,4.40313&amp;sspn=0.002967,0.008165&amp;ie=UTF8&amp;hq=KGD&amp;hnear=Groenplaats,+2000+Antwerpen,+Belgi%C3%AB&amp;ll=51.218201,4.400925&amp;spn=0.006295,0.006295&amp;t=h" style="color:#0000FF;text-align:left">Grotere kaart weergeven</a></small>
    <br>

</div>


</div>
</body>
</html>

提前致谢！

Answer 1

您的代码中有很多错误，首先<body>标记应该在</head>之后，摆脱<images>标记（它不是HTML标记）。

我更新了你的代码，它应该按照你想要的方式工作。（我真的不知道你希望图像出现在哪里）。

Check this out

Answer 2

你应该写在你的CSS中：

images img{float:left;margin:5px}

应该为你解决。

.images{float:left}是指图片元素，而不是指其中的项目+你有错误，因为你应该写images{float:left}（没有。）你编写的代码实际上是在创建一个名为images的漏洞新类，而你在任何地方都没有使用它。

Answer 3

<div>
    <p style="float: left;"><img src="../images/logo.PNG"></p>
    <p>Het bedrijf 'Baby kleding online' wordt in 1953 opgericht door een dynamisch Belgisch ondernemersechtpaar. De eerste winkel wordt geopend op de Groenplaats in Antwerpen. Hier vind je de eerste kleding voor Pasgeboorene, baby's, peuters en kleuters.
    In het begin gebeurt de productie op de verdieping in een confectieatelier waar ook alle nieuwe modellen ontwikkeld worden.
    Wat later worden er nog winkels geopend. Het echtpaar omringt zich al heel snel met medewerkers.
    Het kleine confectieatelier groeit uit tot een groot plateau waarop verschillende modeontwerpsters werken.
    Langzaam aan komen er nieuwe winkels over heel België.
    Het merk gaat vervolgens over de grens: er worden filialen in Luxemburg en Athene geopend. Het bedrijf blijft internationaal uitbreiden.
    Vandaag heeft het Belgische merk al een hele weg afgelegd met bijna 300 winkels in de wereld. Baby kleding online wil het leven mooier en nog makkelijker maken voor de mama's en hun jonge kinderen, met een assortiment gaande van knuffels, relaxen, flessenwarmers tot luiertafels, meubilair en zwangerschaps- en kinderkleding.</p>
</div>

喜欢这个！

文字不在我图片的顶部

3 个答案: