Question

我有一个php函数创建一个包含一些信息的图片和一个图片（纯HTML）我想浮动图片左边和回显的php函数吧。

[IMG] [blah]

目前正在发生的事情是图像出现在回显功能上方

以下是一些代码：

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");

CSS for div：

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

CSS for img：

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>

Answer 1

检查图像是否太大。我尝试了你的代码，它可以用较小的图像工作。对于大图像（宽度），它没有足够的空间可以在它旁边。

Answer 2

我和Patrick Brouwers完全一样，我得出了同样的答案：你的形象太大了。这是一个小提琴来展示它。 http://jsfiddle.net/kEwan/

float:right;

和

float:left;

工作正常。尝试调整结果窗口的宽度，你会看到它。

注意：请注意标记的链接，因为它应该有双引号。

CSS在PHP回显元素旁边浮动一个元素

2 个答案: