phpで出力したものをcssでデザイン

質問

phpでサーバーから出した画像を縮小したいのですがうまくいきません。

ソース
<?php print $disp_gazou2;?>
どのように書けばよろしいのでしょうか
簡単なサンプルソースいただければ幸いです。

回答No.6

t_ohta · ベストアンサー

＞　おっしゃる通りなってます！！！

であれば $disp_gazou1 の中身が不適切ですから、
　$disp_gazou1='<img src="./gazou1/'.$gazou1.'">';
という処理を書き直せばいいのです。

お礼

t_ohta 様

$disp_gazou1='./gazou1/'.$gazou1.'';の処理でいけました！！
毎度毎度お忙しい中、親身になってご回答していただき誠にありがとうございます。
初心者で馬鹿な私ですが今後ともよろしくお願いいたします。
本当にありがとうございました！！

回答No.5

t_ohta

＞　この書き方でも画像部分が×になります。

ブラウザでHTMLソースを確認しましょう。

変数のセットが
$disp_gazou1='<img src="./gazou1/'.$gazou1.'">';
で、書き出しが
<img src="<？php print $disp_gazou1; ?>" width="100" height="100">
だとすると、ブラウザで見るHTMLのソースは
<img src="<img src="./gazou1/'.$gazou1.'">" width="100" height="100">
なんて、訳のわからんモノになってませんか？

お礼

おっしゃる通りなってます！！！

回答No.4

t_ohta

＞　画像
＞　<img src="<？php print $disp_gazou1>" width="100" height="100">

これが転記ミスで無いなら、phpと書かれているところの前の ? が全角なので間違いです。
またスクリプト部の閉じ括弧に ? が付いてないので間違いです。

ブラウザで表示して意図したモノと表示が異なる場合は、まずブラウザでHTMLソースを見て該当部分のタグがどのように出力されているか確認しましょう。
PHPのプログラムから出力されたHTMLが「あるべき姿」と違う場合は、エラーメッセージが出ていないか、変数の中身が正しいかなどを確認していくのがデバッグの基本です。

お礼

<img src="<？php print $disp_gazou1; ?>" width="100" height="100">
すみません記載ミスです。　この書き方でも画像部分が×になります。
もう少し調べて考えてみます。
ありがとうございました！　またお願いいたします！

回答No.3

tracer

最大の疑問点は、<?php print $disp_gazou2;?>によって何が出力されているか分からないということです。中身が分からないのでは、答えようがないのです。多少でもhtml/cssをご存知であれば、もう少し頭をひねって質問されると、より実りのある回答に出会えると思います。

お礼

回答ありがとうございます。
$disp_gazou1='<img src="./gazou1/'.$gazou1.'">';

回答No.2

t_ohta

＞　<img src="<？php print $gazou1>" width="300" height="200">

変数の中身は何ですか？
また、ブラウザでHTMLソースを見たとき、どのように表示されていますか？

お礼

t_ohta 様　毎回お世話になっています。

ソース的にはこんな感じです
php

<zyoho>

画像
<img src="<？php print $disp_gazou1>" width="100" height="100">
<table>
<tr>
<th>都道府県</th>
<td><?php print $city;?></td>
</tr>

<tr>
<th>市町村</th>
<td><?php print $town;?></td>
</tr>
<tr>
<th>メーカー</th>
<td><?php print $brand;?></td>
</tr>
<tr>
<th>状態など</th>
<td><?php print$zyotai;?></td>
</tr>
<tr>
<th>備考</th>
<td><?php print $sonota;?></td>
</tr>
</table>

</zyoho>

css
zyoho {
background-color:#ffffff;
width:700px;
margin-left:auto;
margin-right:auto;
border: solid 2px #aaaaaa;
padding:30px;
-webkit-box-sizing:boder-box;
-moz-box-sizing:boder-box;
margin-bottom:20px;
}

この時点で真ん中に大きな画像が来て　zyohoのスタイルが口では説明できないぐらいぐちゃぐちゃになります。

table, th, td { border: solid 2px #aaaaaa}

}
これも　会社概要みたいな感じで囲う線も出てきません

イメージ的には求人広告サイトの検索結果一覧みたいなデザインにしたいのですが。。。。（画像、その他表示を一つの箱の中に綺麗に並べて表示する）

特にphpの検索結果をwhile文で回しているところが
一つの箱を作ろうとしてもすべてにその箱が適用されたりします。

例

while($rec = $stmt->fetch(PDO::FETCH_ASSOC)){
echo $rec['name'];
echo $rec['city'];
echo'$['brand'];

このname city brandを一つの箱の中に入れたいのですが
name,city,brand一つ一つに箱が適用されてしまいます

回答No.1

tracer

>うまくいきません。
何を試したら、どのようにうまくいかなかったのですか?
残念ながら質問に対する情報があまりにも不足しています。
ご存知のように、すべてのwebページは、htmlとcssで出来ています。
phpを利用しても例外なく最終的にhtml/cssが出力されるわけです。
質問の答えはおそらくごくごく基本的なことだと想像されますが、こういうものは検索したほうが速いです。そのまま使える答えを期待せずに、まずは検索力をつけてみてはいかがでしょうか。参考までに検索対象の候補を挙げておきますね。

・html 画像サイズ
・css 画像サイズ
・php html出力

お礼

早速の回答ありがとうございます！
私もいろいろしらべましたが例えば

<img src="<？php print $gazou1>" width="300" height="200">
これだと画像が表示されなくなります。

div classなどで指定しても 画像の大きさは変わりません。

phpで書かれていない ヘッダー部分などはデザインできるのですが、、、
わかりにくくて申し訳ありません。