0

私はそれにいくつかの情報を含む画像（プレーンHTML）を作成するphp関数を持っています。画像を左に、エコーされたphp関数を右にフロートさせたいと思います。

[IMG] [何とか]

現在起こっていることは、エコーされた関数の上に画像が表示されることです

コードの一部を次に示します。

PHP 関数宣言:

function create($preTag ,$name , $description , $downloadlink) {
echo "  <div>
        <h3>$preTag $name</h3> <ln>
        <br>
        <h2>$description </h2>
        <br>
        <h2><a href= $downloadlink >Click here to download!</a> </h2>
        </div>
     ";
}

PHP 関数呼び出し: 

create("Game:" , "Pong Clone", "A small pong clone. Completed: [Feb 21, 2013]" , "https://github.com/Bevilacqua/Pong");

div の CSS:

div {
border-radius: 2em;
background-color: #ffffa6;
border: .3em solid white;
float: right;
display: inline;
}

画像の CSS:

img {
float: left;
display: inline;
}

HTML for img: (単なるテスト画像)

<a href="www.google.com">
<img src="http://www.dsga.org/images/tournament_sign_up_button.gif">
</a>
4

2 に答える 2

1

画像が大きすぎないか確認してください。私はあなたのコードを試してみましたが、小さい画像でも問題なく動作します。画像 (幅) が大きいと、隣に配置するのに十分なスペースがありません。

于 2013-06-01T22:52:28.530 に答える
0

私は Patrick Brouwers とまったく同じように行い、同じ答えにたどり着きました。あなたのイメージは大きすぎます。ここにそれを示すフィドルがあります。 http://jsfiddle.net/kEwan/

float:right;

と

float:left;

うまく動作します。結果ウィンドウの幅を変更してみてください。

注 : タグのリンクには注意してください。タグは二重引用符で囲む必要があります。

于 2013-06-01T22:54:56.250 に答える