【发布时间】: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