我制作了一个PHP脚本,但我的php没有背景颜色,div为#LoginBalk
现在只看到这个
看起来不错但没有背景......
<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>
答案 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;
}
它适用于您的案例
还为上述样式设置width
和height
。
答案 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>';
}