两个变量，一个水平行，每个变量的不同样式

问题描述：

在下面的代码中，在一条水平线上显示$dt和$points，这正是我想要的。但是，我希望这两个变量具有不同的样式。我希望保持sitename3name的姿态在$dt上，但更改$points的样式。两个变量，一个水平行，每个变量的不同样式

sitename3name的宽度为585像素。我希望$points在这个585像素区域的右侧显示为齐平，并且具有与$dt不同的样式。

编辑：.pointlink风格不适用于下面的代码，因为我不知道如何做，并使它做我想做的。

我该怎么做？

样式也在下面列出。

代码：目前应用于两个，我想只被应用到$dt

`echo '<div class="sitename3name">Submission date: '.$dt->format('F j, Y').''.$points.'</div>'`;

CSS：

.sitename3name { 
      width:585px; 
      margin-left:23px; 
      margin-top:0px; 
      color: #000000; 
      font-family: Georgia, "Times New Roman", Times, serif; 
      font-size: 15px; 
      font-weight: normal; 
      height: 25px; 
      padding-bottom: 0px; 
      padding-left: 10px; 
      padding-top: 0px; 
      background-color: #CAE1FF; 

} 

.sitename3name a{ 
      position:absolute; 
      color: #004284; 
      text-decoration:none; 
      font-family:Arial, Helvetica, sans-serif; 
      font-size: 15px; 
      font-weight: bold; 
      height: 25px; 
      padding-right: 5px; 
      padding-left: 5px; 
      padding-top: 2px; 
      padding-bottom: 0px; 

} 

.sitename3name a:hover{ 
      position:absolute; 
      color: #FFFFFF; 
      background-color:#FF0000; 
      text-decoration:none; 
      font-family:Arial, Helvetica, sans-serif; 
      font-size: 15px; 
      font-weight: bold; 
      height: 20px; 
      padding-right: 5px; 
      padding-left: 5px; 
      padding-top: 2px; 
      padding-bottom: 0px; 

}

CSS我想申请到$points：

.pointlink { 
      float:right; 
      margin-right: 0px; 
      font-size:16px; 
      font-weight:bold; 
      padding-top: 2px; 
      padding-right: 3px; 
      padding-left: 5px; 
      background-color:#004993; 
      color:#FFFFFF; 


}

我没有看到任何所谓的'.pointlink'在你的HTML。你有什么问题？请向我们展示您的HTML输出，而不是生成它的PHP。你不能“风格的PHP变量”，你只能风格的HTML。 – 2011-05-27 03:17:33

HTML输出只是文本和数字。 – John 2011-05-27 03:27:58

那么，没有HTML？只是文字？那你为什么要在代码示例中没有锚点的时候调用它，指向**链接**并显示锚点的样式？ – 2011-05-27 03:34:02

答

你需要实际上有一个类为“pointl墨水“在您的标记。如果您将日期（即您的“$dt变量”）包含在元素中，则可以在准备好时单独对其进行设计。

<div class="sitename3name"> 
    Submission date: 
    <span class="date"> 
     <?php echo $dt->format('F j, Y'); ?> 
    </span> 
    <span class="pointlink"> 
     <?php echo $points; ?> 
    </span> 
</div>

例子：http://jsfiddle.net/wesley_murch/Eh7HZ/2/

两个变量，一个水平行，每个变量的不同样式

相关推荐