时间戳

首页 > 解决方案 > div 被放在上面的 div 中

html - div 被放在上面的 div 中

问题描述

所以我想把两个 div 放在一起，代码中下面的一个放在上面的那个中，我不知道为什么。

HTML：

<body>
    <div id="links">
        <h1 id="title">Webcam</h1>
        <?php

            $dateinamen = 'pictures/Live.jpg';
            $timestamp = filemtime($dateinamen);
            $time  = time();
            $diff = $time -$timestamp;

            // Wenn Bild jünger als 10sec
            if ($diff < 10){
                echo "<img src='pictures/Live.jpg'";  
            } 
            else {
                echo "<img src='pictures/oops.jpg'";
            }
        ?> 
    </div>

    <div id="rechts">
        <h2>Ping</h2>
        <?php

            $host1="192.168.1.1";
            exec("ping -c 1 -w 1 " . $host1, $output1, $result1);
            if ($result1 == 0) {
                echo "<h3 id='sw1'style='background-color: green';>Router</h3></br>";
            }else {
                echo "<h3 id='sw1'style='background-color: red';>Router</h3></br>";
            }
        ?>
    </div>
</body>

CSS：

#links{
float: left;
width: 50%;
}

#rechts{
    float: right;
    width: 50%;
    margin-top: 7%;
}

还没有发现这样的案例，所以我不知道这是xampp的问题还是其他问题。

在 Google Chrome 中以检查模式编辑照片

标签： htmlcss

解决方案

您没有关闭 PHP 代码中使用的 img 标签。

use <img src='pictures/Live.jpg'>

推荐阅读