【问题标题】:Account info Formatting issues帐户信息格式问题
【发布时间】:2014-05-11 23:06:21
【问题描述】:

所以我的网站上有一个小框,它在登录时显示有关用户的链接。我刚刚添加了一个功能,它可以获取用户有多少未读消息并将其显示在消息“消息 (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
}

【问题讨论】:

    标签: php css formatting


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

    我认为这应该可以解决问题。

    我的提示:保持一致,选择你想使用的:属性的双引号?好的,然后坚持下去,不要在中间代码中切换它。

    【讨论】:

    • 另外:我在您的代码中看到的另一个提示,回显这样的内容效率不高。也许您应该考虑使用跨度或做类似&lt;? if($loggedIn){ ?&gt; HTML Code to display user panel goes here &lt;? } ?&gt; 的事情。这是我喜欢使用的一种方法,但我当然喜欢说:“如果它按应有的方式工作,为什么要改变它?” :P 没问题 ;)
    猜你喜欢
    • 2014-03-31
    • 1970-01-01
    • 2016-12-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-12-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多