2010-12-17 3 views
0

以下のエコーテキストの場合、 のすべてを持っていない場合、「DURING」は変数$submittorをカバー/オーバーラップします。  では、$submittorの長さが短くなると、$submittorと "DURING"の間に余裕があります。変数の末尾から2つのスペース(または5ピクセル)を開始するようにします

$submittorの長さにかかわらず、$submittorの終わりの後に「DURING」を2つのスペース(または5ピクセル)にする方法はありますか?あなたはそれが左フロート、スパン中 "の間に" ラップでき

.sitename3name { 
    position:absolute; 
     width:800px; 
     left:31px; 
      top:189px; 
    color: #999999; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    font-weight: normal; 
    height: 5px; 
    padding-bottom: 0px; 

} 

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

} 

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

} 

答えて

1

:事前に

おかげで、

ジョン

コード:

echo '<div class="sitename3name">SUBMITTED BY <a href="http://www...com/.../members/index.php?profile='.$submittor.'" >'.$submittor.'</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; DURING '.$dt->format('F j, Y &\nb\sp &\nb\sp g:i a').'</div>'; 

CSS 5ピクセル左マージンを追加:

<span class="during">DURING</span> 

.during 
{ 
    float: left; 
    margin-left: 5px; 
} 

+0

..またはパディング - 左。また、margin-leftに関するコードを確認してください – yoda

+0

yodaありがとうございます。 'padding-left'も動作します。 – Kyle

関連する問題