2011-12-03 6 views
0

PHPでテキストをエコーし​​ている場合、エコーの長さに応じて画像の高さを調整するテキストの各部分に背景画像を配置するにはどうすればいいですか?画像で囲まれたPHPエコーテキスト

これは私のコードで、少し上手く説明しようとしています。それから各行で、画像のspeech.pngがテキストの後ろに来るようにしますか?

function populate_shout(){ 
    global $dbh; 
    $sql = ("SELECT * FROM shout ORDER BY id DESC limit 20"); 
     echo '<ul>'; 
      foreach ($dbh->query($sql) as $row) { 
       echo '<li>'; 
       echo '<span class="date">&nbsp;<br/>'.$row['date_time'].'</span>'; 
       echo '<span style="font-size:12px;" class="name">&nbsp;<b>'.$row['name'].'</b></span>'; 
       echo '<span style="color:black;" class="message">&nbsp;<br/>'.$row['message'].'</span>'; 
       echo "img src="images/speech.png" width="60" height="20""; 
       echo '</li><br/>'; 
       } 
     echo '</ul>'; 
    } 

おかげ

+0

をスパンクラスに

span.date, span.name,span.message { background-image: url(images/speech.png) no-repeat; } span.name { font-size:12px; } span.message { color:black; } 

を背景画像を適用するためにCSSを使用し、使用することを避ける必要があり、この質問は、PHPとは何の関係もありません。最初にHTMLを学んでからPHPに移動してください –

+0

完全に正しいように、エコー「img src」を含む石灰は、画像名の前後に引用符を付ける前にバックスラッシュが必要です(例:\ "images/speech.png \")。 :)幅と高さが同じか、内部引用符を一重引用符に変更するだけです – favoretti

答えて

0

あなたはインラインスタイル

関連する問題