0

情報を取得するforeachを実行していて、その値を使用して画像（バー）の高さを設定します。

バーの上にもテキストに値を追加しようとしていますが、バーの横に並んで表示され続けます。何か案は？これはforeach内で行われるため、10個の画像で10個の値が存在することに注意してください。

コード：

<?php echo "$textvalue"; ?>

<img src="images/bar_offpeak.jpg" alt="" width="19" height="<?php echo "$height" ?>%" title="<?php echo "$textvalue" ?>GB" />
4

2 に答える 2

2

You need to add a <br /> element after the text. By default, simple text and images float.

This is what you want to do:

<?php echo "$textvalue"; ?><br />

<img src="images/bar_offpeak.jpg" alt="" width="19" height="<?php echo "$height" ?>%" title="<?php echo "$textvalue" ?>GB" />

Later edit:

My mistake sir, I seem to have forgotten about that part. In this case, one solution is to display each image and text in a div element. This way, you can float the div's any way you want (i.e. display any number of row/columns you want).

So, one item would like so:

<div style="float:left;">
    <?php echo "$textvalue"; ?><br />

    <img src="images/bar_offpeak.jpg" alt="" width="19" height="<?php echo "$height" ?>%" title="<?php echo "$textvalue" ?>GB" />
</div>

And whenever you want to create a new row, just insert a div like this:

<div style="clear:both;"></div>

This should be a good idea to get you on the right path. But, as Jeroen suggested, you should use a more layout-oriented approach.

Hope this helps. Have a great day:

于 2013-03-20T15:45:39.133 に答える
1

<br>レイアウトを操作するためにタグを使用しません。テキストを要素（a span、figcaptionなど）に入れ、cssを使用してレイアウトを制御することをお勧めします。

html5を想定：

<figure>
  <figcaption><?php echo $textvalue; ?></figcaption>
  <img src="images/bar_offpeak.jpg" alt="" width="19" height="<?php echo $height ?>%" title="<?php echo $textvalue ?>GB" />
</figure>

そして、css（単なる例）では：

figcaption {
  display: block;
}
于 2013-03-20T15:50:22.670 に答える