1

我网站上所有上传的图像在缩略图周围都有一个框架。我进行了设置，以便有空间在框架中显示用户的姓名和头像图片，以及他们上传的图片。希望这两张图片能更好地理解我要完成的工作 链接到 imgur

我将其用于用户名和个人资料图片：

<?php if( $ib->user['id'] ) {?>
div class="userInfo">
<img class="avatar" width="40" height="40" src="<?php echo Config::$absolutePath.$ib->user['avatar']; ?>"/>
<div class="name">
    <strong>
        <a href="<?php echo Config::$absolutePath.'user/'.$ib->user['name']; ?>"><?php echo $ib->user['name']; ?></a>
    </strong>
</div>

这对于上传周围的框架

#imageGrid div {
        position: absolute;
        overflow: hidden;
        border-radius: 0px;
  border: 1px solid #FFFFFF;
 padding: 60px 10px 10px 10px;
 moz-box-shadow:    3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
 box-shadow:         3px 3px 5px 6px #a1a1a1;
 background-color: #dddddd;

我不知道接下来应该尝试什么，所以我想看看我是否可以添加/组合 div，但这不起作用。

如果您需要更多信息、更好的描述或更多代码，请告诉我。在此先感谢，我对此很陌生，这是我坚持的一件事。

4

1 回答 1

1

您需要将它们放在控制其中内容布局的容器元素中，您可以使用 userInfo

<div class="userInfo">
<img class="avatar" width="40" height="40" src="<?php echo Config::$absolutePath.$ib-      >user['avatar']; ?>"/>
<div class="name">
<strong>
    <a href="<?php echo Config::$absolutePath.'user/'.$ib->user['name']; ?>"><?php echo $ib->user['name']; ?></a>
</strong>
</div>
</div>

.userInfo {
width:50px;
 }

.avatar {
width:40px;
}

.name {
width:40px;
 }

至于#imageGrid div，我将删除其中的大部分内容并将其应用于我在上面添加的特定CSS类。

于 2013-02-15T01:32:44.427 回答