Question

我的样式表中有大约10个类，每个类都很好，除了一个。

我的.pbild没有设计，我重复其他所有设计如何定义。

在我的样式表中没有错误我很确定。

CSS

h2 {
   margin: 0 auto;
}

p {
  margin-top: 0.5%;
}

#header {
  text-align: center;
}

#register {
  border: 2px solid black;
  padding: 0.5%;
  width: 10%;
  text-align: center;
  margin: 0 auto;
}

#login {
  border: 2px solid black;
  padding: 0.5%;
  width: 10%;
  text-align: center;
  margin: 0 auto;
}

.wrap h3{
  margin: 0;
  text-align: center;
}

#navi {
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

#navi li {
  margin: 3%;
  display: inline;
}

.navipt {
  background-color: darkgrey;
  border: 1px solid black;
  padding: 0.5%;
  border-radius: 3px;
}

#navi a:link{
  color: white;
}

#navi a:visited{
  color: white;
}

#navi a {
  text-decoration: none;
}

#uploadform {
  margin-top: 2%;
}

#uploadform h3 {
  margin: 0;
  text-align: center;
}

#uploadimage {
  border: 2px solid black;
  padding: 0.5%;
  text-align: center;
  margin: 0 auto;
}

.info {
  margin-top: 1.5%;
}

#myuploads {
  margin-top: 1.5%;
}

.pbild {
  width: 100px;
  height: 100px;
}

PHP

if(isset($_SESSION["username"])){
    $hash = hash('sha224', $_SESSION["username"]);

    $dir = "uploads/$hash";

    $alledateien = scandir($dir);

    foreach ($alledateien as $datei)
    {
        if ($datei != "." && $datei != "..")
        {
            echo "<div class='pbild'><img src='$dir/$datei'><br/><form action='deleteimg.php'><input class='deleteimg' type='submit' value='delete'></form></div>";
        }
    }
}else{
    header("Location: ../index.php");
}
?>

我真的无法弄明白为什么。

Chrome开发工具代码段

https://i.stack.imgur.com/F85QT.png

由于

Answer 1

请确保该浏览器的html部分中是否存在该div的html。可能是你的div在浏览器中不存在。

Answer 2

感谢您的帮助，但我自己找到了解决方案。

我刚删除了<div>周围的<img>，并将<img>课程.pbild。现在它的设计应该如何。

<强> BEFORE

echo "<div class='pbild'><img src='$dir/$datei'><br/><form action='deleteimg.php'><input class='deleteimg' type='submit' value='delete'></form></div>";

AFTER

echo "<img class='pbild' src='$dir/$datei'><br/><form action='deleteimg.php'><input class='deleteimg' type='submit' value='delete'></form>";

如果您知道答案可以自由发表评论，我仍然不知道为什么之前没有工作。

样式表中的单个类没有被设计

2 个答案: