帐户信息格式化问题

时间:2014-05-11 23:06:21

标签: php css formatting

所以我的网站上有这个小框,显示用户登录时的链接。我刚添加了一个功能,它可以获取用户拥有的未读消息数,并将其显示在消息“Messages(1)”旁边。它完全搞砸了格式化,我试图解决它,但它没有合作。我已经打了一个多小时,任何帮助都会非常感激。

要查看我在说什么,请转到链接,该框位于右上角。我试图让链接成为内联。所以它应该是:

我的帐户讯息(0)退出

现在,退出是 在一个奇怪的位置,我似乎无法解决它。

网址:http://www.clanrippgaming.net/

非常感谢

这是php代码:

                       echo "<div class='logged_in'>";
                       echo "<div class='welcome'>".$user->data['username'] ;"</div>";                          
                       echo "<div class='account'><a href=\"forums/ucp.php\">My Account</a></div>";
                       echo "<div class='account'><a href=\"forums/ucp.php?i=pm&folder=inbox\">Messages (".$user->data['user_new_privmsg'].')';"</a></div>";
                       echo "<div class='account'><a href=\"logout.php\">Logout</a></div>"; 
                       echo "</div>";

它的CSS:

.logged_in {
background-image:url(images/bg_login2.png);
border:3px solid#000000;
outline:1px solid#BDBDBD;
width:304px;
height:55px;
margin-left:-2px;
padding-top:5px;
}

.logged_out {
    margin-right: 22px;
    position: relative;
    }

.logged_out_txt {
    margin-top:-20px;
}

.welcome {
    color:#B40404;
    font-size:22px;
    font-family:"Rockwell";
    padding-left:15px;
    float:left;
    font-weight:bold;
}

.account {
    font-weight:normal;
    list-style:none;
    float:right;
    position:center;
    padding:0px;
    margin-top:-5px;
    font-size:16px;
    text-decoration:underline;
    margin-right:15px;
    display: inline;

}

.account a:hover {
    color:#D8D8D8
}

1 个答案:

答案 0 :(得分:2)

echo '<div class="account"><a href="forums/ucp.php?i=pm&folder=inbox">Messages ('.$user->data["user_new_privmsg"].')</a></div>';

我认为应该这样做。

我的提示:保持一致,选择您想要使用的内容:属性的双引号?好吧,那么坚持下去,不要在代码中间进行切换。

相关问题