PHP没有div风格

时间:2015-08-28 10:41:10

标签: php html css

我制作了一个PHP脚本,但我的php没有背景颜色,div为#LoginBalk现在只看到这个

image

看起来不错但没有背景......

<html>
  <head>
    <title>Je bent ingelogd!</title>
    <style>
      #LoginBalk {
        background: red;
      }
    </style>
  </head>
  <body>
    <div id="LoginBalk">
      <?php

            session_start();
            include 'connect.php'; // je connectie erin zetten
            if (!isset($_SESSION['login'])) { // controleren of de session login niet      bestaan
              echo "<div style=float:left; width:200px>";
              echo "<img src=Default.png>";
              echo "</div>";
              echo "<div style=float:left; width:200px>";
              echo "<br> <br>Welkom <b>Gast</B><br>";
              echo 'Je bent niet ingelogd<Br>';
              echo '<a href="login.php">Login</a>';
              echo "</div>";
            } else {
              echo "<div style=float:left; width:200px>";
              echo "<img src=https://www.habbo.nl/habbo-imaging/avatarimage?user=" .      $_SESSION['naam'] . " onError=this.src='Default.png' >";
              echo "</div>";
              echo "<div style=float:left; width:200px>";
              echo "<br> <br>Welkom <B>" . $_SESSION['naam'] . "</b></br>";
              echo "Je bent ingelogd <br>";
              echo '<a href="uit.php">Uitloggen</a>';
              echo "</div>";
            }
        ?>
    </div>
  </body>
</html>

4 个答案:

答案 0 :(得分:1)

应该有所帮助:

<style>
#LoginBalk {
  background: red;
  overflow: hidden;
}
</style>

答案 1 :(得分:1)

添加此样式

<style>
 #LoginBalk {
     background: red;
     display: inline-block;
  }

答案 2 :(得分:0)

在您的风格上添加float: left;,例如

#LoginBalk {
     background: red;
     float: left;
}

它适用于您的案例

还为上述样式设置widthheight

答案 3 :(得分:0)

你使用太多的回声尝试这样:

if (!isset($_SESSION['login'])) {
echo '<div style=float:left; width:200px>
    <img src=Default.png>
    </div>
    <div style=float:left; width:200px>
    <br> <br>Welkom <b>Gast</B><br>
    Je bent niet ingelogd<Br>
    <a href="login.php">Login</a>
     </div>';
} else { 
echo '<div style=float:left; width:200px>
    <img src=https://www.habbo.nl/habbo-imaging/avatarimage?user=" .      $_SESSION['naam'] . " onError=this.src='Default.png' >
    </div>
    <div style=float:left; width:200px>";
    <br> <br>Welkom <B>" . $_SESSION['naam'] . "</b></br>";
    Je bent ingelogd <br>";
    <a href="uit.php">Uitloggen</a>
    </div>';
}