ベストアンサー hello world!の大きさ調整。 2022/06/20 13:32 いつもお世話になりありがとうございます。 標記の件。 echo '<div style="font-size:25px;">Hello World!</div>'; とコーディングして、実行すると、添付画像のようになりました。 どうすればいいのでしょうか? 画像を拡大する みんなの回答 (1) 専門家の回答 質問者が選んだベストアンサー ベストアンサー t_ohta ベストアンサー率38% (5238/13706) 2022/06/20 13:35 回答No.1 <?php echo '<div style="font-size:25px;">Hello World!</div>'; ?> とすればいいと思います。 質問者 お礼 2022/06/20 13:53 ご親切に大変ありがとうございました。 成功しました。 今後とも宜しくお願い致します。 通報する ありがとう 1 カテゴリ [技術者向] コンピュータープログラミング・開発PHP 関連するQ&A mb_ereg if(mb_ereg('■', $order->products[$i]['attributes'][$j]['value'])) { echo '<span style="color:#ff0000;"><div style="font-size:27px;">【<b>',A配送,'</b>】</div></span>'; } elseif (mb_ereg('659', $order->products[$i]['orders_ahead_id'])) { echo '<span style="color:#ff0000;"><div style="font-size:27px;">【<b>',B配送,'</b>】</div></span>'; } else { echo ''; } 上記の様なA配送とB配送両方に当てはまる条件の場合はC配送と言うのを足したいのですが 書き方が分かりません。 div の改行に関して div の使い方に関して教えてください。 添付した画像1のHTMLの場合、改行されて■の次の段に「Grade」が来てしまいます。 しかし、画像2のHTMLの場合、なぜか「Grade」の次の段落に■がきてしまいます。 改行なしで■の右隣にGradeが来るようにするにはどうすればいいでしょうか? 添付画像の中の画像1のHTML ■<div style="font-family: Arial,sans-serif,Verdana; font-size: 20px;"><b><STRONG>Grade:</STRONG></b> <br> Near Mint: </div> <br> 添付画像の中の画像2のHTML ■<div style="font-family: Arial,sans-serif,Verdana; font-size: 20px; display: inline-block; _display: inline;"><b><STRONG>Grade:</STRONG></b> <br> Near Mint: </div> <br> FireFox3.5.3でfont-familyが効きません FireFox3.5.3で全くfont-familyが効かないのですが、 何か設定があるでしょうか。 使ったhtml --------------------------------------------------------------------------- <html> <head><title>書体テスト</title></head> <body> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;font-family:'MS P明朝';"> フォントのテスト </div> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;font-family:'MS 明朝';"> フォントのテスト </div> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;font-family:serif;"> フォントのテスト </div> <div style="font-size:120%;padding:40px 10px 5px 10px;font-weight:bold;line-height:170%;"> フォントのテスト </div> </body> </html> --------------------------------------------------------------------------- 各種ブラウザで確認しましたが、FireFoxだけ全くfont-familyが効きません。テスト結果は添付のとおりです。 FireFoxの設定は、オプションのコンテンツ・フォントと配色は「メイリオ」で詳細設定は以下のとおり プロポーショナル:ゴシック 明朝体:MS P明朝 ゴシック体:メイリオ 等幅:メイリオ よろしく、お願いします。 fontタグとスタイルシートの相対値 CSSでこういう使い方はありえないかもしれませんが、 1は60ptですが、2,3は何ptですか? このようにfontタグは一つ上のdivのスタイルシートに影響せずにfont sizeで完結していますが 値を相対的に変化させる(例えばdivの値の20%とか)ことはスタイルシートのしくみでありますか? <style type="text/css"> <!-- .a { font-size:60pt; } --> </style> <!-- 1 --> <div class="a">60pt</div> <!-- 2 --> <div class="a"><font size="-1">?px</font></div> <!-- 3 --> <div class="a"><font size="1">?px</font></div> EXCELでHTMLのタグの入ったセルを結合したい 下記のHTMLのタグが入ったセルと画像URLのセルを結合したいのですが、&などで結合すると ダブルクォーテーションが倍くらいに増えてHTMLのタグとして機能しません。 どうやって結合させるのがいいのでしょうか? =A1(HTMLのタグ)&A2(画像URL)&A3(HTMLのタグ) <body> <div style="WIDTH: 100%; TEXT-ALIGN: center"> <div id="wrapper" style="FONT-SIZE: 23px; FONT-FAMILY: Arial, Helvetica, sans-serif; WIDTH: 860px; COLOR: #000; TEXT-ALIGN: left; MARGIN: 0px auto"> <h1 style="FONT-SIZE: 38px; HEIGHT: 60px; WIDTH: 850px; COLOR: #ffffff; PADDING-LEFT: 10px; MARGIN: 0px; LINE-HEIGHT: 60px; BACKGROUND-COLOR: #336600">Picture</h1> <img src="画像URL"> <div class="sub_tit" style="FONT-SIZE: 35px; HEIGHT: 40px; WIDTH: 850px; FONT-WEIGHT: bold; COLOR: #ffffff; PADDING-LEFT: 10px; LINE-HEIGHT: 40px; BACKGROUND-COLOR: #336600"> Description </div><br><font size="5"> Excelでセル内の文字列をhtmlと結合させたい Excelで、A1のセル内の文字列を、下記のhtmlと結合させたいのですが、 =CONCATENATE関数を使って、下記のように文字を並べたいのです。、 <div style=""border-bottom: 3px solid #263f1f; font-size: 20px;"">", A1, "</div> CONCATENATE関数を使ってやってみたのですが、 =CONCATENATE("<div style=""border-bottom: 3px solid #263f1f; font-size: 20px;"">", A1, "</div>") 結果 <div style=""border-bottom: 3px solid #263f1f; font-size: 20px;"">", A1, "</div> になり、A1の文字列は返されませんでした。 どこが問題なのでしょうか? よろしくお願いいたします。 ボックスエリアに写真を貼る方法を教えて下さい 以下のボックスエリアの『見出し』の下に、5cm×5cm大の写真を貼り付けたいのですが。 <div style="background-color:#0ff;width:950px;height:200px;overflow:auto;"> <FONT STYLE="font-size:8mm" COLOR="#808000" SIZE="8">見出し</FONT> <h3>小見出し</h3> <FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT> <h3>小見出し</h3> <FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT> </DIV> リンク(タグ)の微調整をしても問題ないですか? a8.netでアフィをしてるのですが、 リンク(タグ)の微調整をしても問題ないですか? 例えば、Amazonの商品リンク検索画面で自動生成されるタグは style="font-size:12px; ですが、これを style="font-size:15px; 画像のサイズを SS80_.jpg からSS100_.jpg にいじっても、規約上問題ないですか? DreamweaverCS6上とブラウザ上の表示違 DreamweaverCS6でホームページを作成しております。 画像に吹き出しをつけて、そこにテキストを配置するように、 下記のようにコーディングしています。 <div style="position: relative;"><img src="../img/aaaa.gif" alt="aaaa"><br /> <div style="position: absolute; top: 150px; left: 60px; width: 120px; height: 30px; font-size: 9pt; font-weight: bold; color: white; line-height: 180%; text-align: center;"> <p>あいうえお</p> </div> <div style="position: absolute; top: 150px; left: 370px; width: 80px; height: 30px; font-size: 13pt; font-weight: bold; color: white; line-height: 180%;"> <p>あいうえお</p> </div> <p>あいうえお</p> <p>あいうえお</p> </div> ホームページは、一般的な2カラムで、左にメニュー、右にコンテンツといった配置です。 上記コードをブラウザ上で表示させると、Firefox,IE,chromeいずれも、きちんと右のコンテンツに表示されます。 しかし、DreamweaverCS6のソフト上でみると、左メニューの枠内に画像がはみ出ており、ブラウザ上ではきちんと表示できているのでいいのですが、なんだか気持ち悪くて、解決策がないかずっと考えています。 どうすれば、ソフト上でもきちんと表示できるのでしょうか? それとも、相対位置や絶対位置を指定した場合は、ソフト上でバグのようなものがでることは仕方ないのでしょうか? ご回答よろしくお願い致します。 HTMLのタグの入ったセルを結合したい ヤフオクやイーベイの出品管理をEXCELで行っており、商品説明や商品画像URLを 各セルに保存しています。 別途用意したHTMLのフォーマットにそれぞれを埋め込みたいです。 商品数が多いので、コピペではとても出来ません。 現状、そのまま下記のとおりセルの中身を結合するとダブルクオーテーションが現状の 倍くらいの数になってしまい、HTMLのタグとして機能しません。 =A1(HTMLのタグ)&B1(画像URL)&C1(HTMLのタグ) A1のセル <body> <div style="WIDTH: 100%; TEXT-ALIGN: center"> <div id="wrapper" style="FONT-SIZE: 23px; FONT-FAMILY: Arial, Helvetica, sans-serif; WIDTH: 860px; COLOR: #000; TEXT-ALIGN: left; MARGIN: 0px auto"> <h1 style="FONT-SIZE: 38px; HEIGHT: 60px; WIDTH: 850px; COLOR: #ffffff; PADDING-LEFT: 10px; MARGIN: 0px; LINE-HEIGHT: 60px; BACKGROUND-COLOR: #336600">Picture</h1> <img src=" B1のセル 画像URL C1のセル "> <div class="sub_tit" style="FONT-SIZE: 35px; HEIGHT: 40px; WIDTH: 850px; FONT-WEIGHT: bold; COLOR: #ffffff; PADDING-LEFT: 10px; LINE-HEIGHT: 40px; BACKGROUND-COLOR: #336600"> Description </div><br><font size="5"> 囲み線の上線が表示されません 囲み線の上線が表示されません。 以下のタグのどの部分が悪いのかわかりませんので、教えていただけないでしょうか。 よろしくお願いします。 <div style=\"position:absolute; top:70px; left:400px; height:100px;\"> <font color=\"#ffffff\" size=\"2px\" style=\"border:solid 1px; padding:2px;\">アクセス</font></div> PHPメールフォームの、記入内容のチェック方法を教えてください>-< PHPの初心者です。 問い合わせフォームを作成していたのですが、 間違いの無いように メールアドレスを2回入力してもらって その2つが合ってるかどうかをチェックする という仕組みを作りたいのですが、 どのように記述すれば良いのか教えて頂けませんでしょうか。 フォームチェックの部分はこのように記述しています。 <? // フォームの値を取得します。 if ($_SERVER["REQUEST_METHOD"] == "POST") { foreach($_POST as $k => $v){ // 「magic_quotes_gpc = On」のときはエスケープ解除 if (get_magic_quotes_gpc()) { $v = stripslashes($v); } $v = htmlspecialchars($v); $$k = $v; } } else { exit(); } // 値をチェックします。 $ErrFlg = 0; if ($name == "") { echo "<div style='width: 500px; padding:5px 5px 5px 5px; font-size:12px;'>入力に誤りがあります。必要事項をお確かめの上「入力フォームに戻る」ボタンでお戻りください。</div>"; $ErrFlg = 1; } echo "<table width='93%' border='0' cellpadding='5' cellspacing='1' bgcolor='#c7c2af'>"; if ($name == "") { echo "<tr>"; echo "<td bgcolor='#FFFFFF'>「お名前」が入力されておりません。</td>"; echo "</tr>"; $ErrFlg = 1; } if ($ErrFlg == 1) { echo "</table>"; echo "<br>"; echo "<div id='submit' style='width: 450px; padding:5px 5px 5px 5px; font-size:12px; text-align:center;'>"; echo "<a href='javascript:javascript:history.go(-1);'>戻る</a>"; echo "</div>"; } if (!$ErrFlg) { ?> 画像横にテキスト HTML CSS初心者です。 囲み枠内の画像横にテキストを配置したく 【HTML】 <div style="border: #ff8c04 solid 2px; border-left: #ff8c04 solid 10px; padding: 20px; background: #ffffff; box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4); font-size: 100%;"> <p style=" margin: 0; padding: 0;"> <div class="flex"> <figure class="image">画像</figure> <div class="right"> <p class="title"><img src="https://187288_20240715191851c11.png" alt="肉球" width="46" height="35" />アイアンマン / Iron Man (2008)</p> <p class="text">【評価】:<span style="color:#FFCC33">★★★★★★★★★★</span> 10<span style="font-size:x-small;">/10</span> <br> 【ストーリー】:……。</p> </div> </div> </p></div><p></p> 【CSS】 .flex { display: flex; } .flex .image { width: 130px; /*画像サイズ指定*/ margin: 0; padding: 0; } .flex .image img { width: 100%; height: auto; } .flex .right { margin: 0 0 0 20px; padding: 0; } .flex .title { margin: 0; padding: 0; font-weight: bold; font-size: 16px; } .flex .text { margin: 10px 0 0; padding: 0; font-size: 15px; } body { margin: 20px; padding: 0; } としたのですが、下部に余白ができてしまいます。 body { margin: 20px; を0にしてみましたが、改善されません。 余白を限りなく無くすにはどうすればよいでしょうか。 よろしくお願いいたします。 タグの修正に力をかしてください ホットペッパーに出てくるお店のページのバナーのように、 「アクセス」「TEL」の文字を表示させたいのですがうまくいきません。 タグの修正にちからをかしていただけないでしょうか。 以下、タグです。よろしくおねがいします。 <table width="702" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="color3" colspan="3"><img src="images/spacer.gif" alt="" width="1" height="1"></td> </tr> <tr> <td class="color3"><img src="images/spacer.gif" alt="" width="1" height="1"></td> <div style="position:relative;"><img src="images/hotpot_bannar.gif" alt="バナー" width="700" height="151"></div> <div style="position:absolute; top:70px; left:400px; color:#ffffff; font-size:10px; border:solid 1px; padding:2px;">アクセス</div> <div style="position:absolute; top:50px; left:450px; color:#ffffff; font-size:10px;>JR環状線:「福島駅」・・・</div> <div style="position:absolute; top:70px; left:450px; color:#ffffff; font-size:10px;>JR東西線:「新福島駅」・・・</div> <div style="position:absolute; top:120px; left:400px; color:#ffffff; font-size:10px; border:solid 1px; padding:2px;">TEL</div> <div style="position:absolute; top:120px; left:450px; color:#ffffff; font-size:10px;>06-****-****</div> <td class="color3"><img src="images/spacer.gif" alt="" width="1" height="1"></td> </tr> </table> スタイルシートについてお尋ねします <div style="font-size:70px;"<p align="center"><font face="HGS行書体" color="#993333">文章 </font></p></div> とすると、「文章」のところに入力した文字はページの一番上のセンターにちゃんと表示されるのですが、 <div style="font-size:70px;"><p align="center"><font face="HGS行書体" color="#993333">文章 </font></p></div> と、70pxの後ろに>を入れると、ページの上から2cmほど下がったところに文字が表示されてしまいます。 形式としては後者の方が正しいと思うのですが、なぜ表示が下がってしまうのでしょう。 よろしくお願い致します。 IE6のレイアウト崩れ お世話になります。 下記の内容でレイアウトをしております。 firefox3.08ではほぼ思い通りですが、 IE6では、menuがmainの左下に入り込んでしまい、 mainが真ん中より少し左にずれてしまうのです。 解決策を教えてください。 情報が足らないようでしたら、ご連絡下さい、宜しくお願い致します。 body { font-size : medium; } div#container { width : 730px; } div#header { font-size : 12px; width : 725px; } div#navi { width : 725px; clear : both; font-size : 12px; } .topicpath{ clear : both; width : 725px; margin : 3px 0 3px 0; } div#main{ float : right; width : 540px; } div#menu{ float : left; width : 170px; font-size : 12px; } div#footer { width : 725px; clear : both; font-size : 75%; } <div id="container"> <div id="header"> </div> <div id="navi"> </div> <div class="topicpath"> </div> <div id="main"> </div> <div id="menu"> </div> <div id="footer"> </div> </div> テキストエリアの設定 質問1 以下のように設定しました。現在、横長のボックスの右下に4cm×4cm大の送信用テキストエリアが配置されていますが、両者を横一列に並べることはできるでしょうか。テキストエリアを横長ボックスの前に配置してもかまいません。 <html> <head> <title>MISC</title></head> <body bgcolor="#FFFF99"> <div align=center class="MsoNormal">---省略----</div> <div style="background-color:#0ff;width:730px;height:200px;overflow:auto;"> <FONT STYLE="font-size:8mm"COLOR="#808000" SIZE="8">見出し</FONT> <h3><FONT COLOR="#0000ff">小見出し</FONT></h3> <FONT STYLE="font-size:5mm">テキスト</FONT></DIV> <form method="POST" action="mailto:***@*****"><textarea style="width:200px;height:200px;background-image:url(TX_11_11.JPG);">ご意見</textarea> <input type=submit value="送信"></form> 質問2 あるいは以下の設定で、テキストエリア右側の空白部分にも見出し、小見出し、テキストを配置することができるでしょうか。 <div style="background-color:#0ff;width:950px;height:200px;overflow:auto;"> <form method="POST" action="mailto:***@*****"><textarea style="width:200px;height:200px;background-image:url(TX_11_11.JPG);">ご意見</textarea> <input type=submit value="送信"></form> <FONT STYLE="font-size:8mm"COLOR="#808000" SIZE="8">見出し</FONT> <h3><FONT COLOR="#0000ff">小見出し</FONT></h3> <FONT STYLE="font-size:5mm"SIZE="5">テキスト</FONT></DIV> HP作成初心者です。詳しい方誰か教えて下さい! HP作成初心者です。 Mobile Spaceで作成しています。 リアルタイムを編集しているのですが、親記事自由表示の所が合っているのか分かりません。 チェックして頂けるとありがたいです。 どうぞよろしくお願いします。 (チェックしてほしい内容です↓) <br><div align="center"><div align="center"><table width="90%" bgcolor="black" cellspacing="1"><tr><td bgcolor="white"><font color="black"> <font style="font-size:10px"><DIV align="left"></a> <blockquote> <blockquote style="margin:3px 3px 5px 5px;"><font style="letter-spacing:1px;line-height:10px">#body#</Font> #photo3# </blockquote></DIV><DIV align="right"><font color=#000000>( #td#/#etm#/#ty# #th#:#ti# </font> #tbody# </a> </a><font color=#000000>) </font> </DIV></font></td></tr></table></div> phpinfo();表が出ない??? いつも大変お世話になり誠にありがとうございます。 標記の件。 <html> <head><title>HelloWorld</title></head> <body> <?php echo 'Hello World!'; ?> </body> </html> ではlocalhost/~ で表示されました。 しかし <?php phpinfo(); <? ではlocalhost/~ で例の表が出てきません。 どうしたら表が出るでしょうか? 度々すみません。 ご回答のほど、宜しくお願い申し上げます。 ボックスエリアに写真を貼り付けるには(2) ボックスエリアに写真を貼り付けるため、以下のようにテキストエリアの背景画像として挿入を試みたところ、テキスト・エリアに画像の一部のみ表示されました。 質問1: 画像全体を表示させるにはどうしたらよいでしょうか。 質問2: テキストエリアの右側が空白になっていますが、空白部にも見出し、小見出し、テキストを表示させるにはどうしたらよいでしょうか。 <div style="background-color:#0ff;width:950px;height:200px;overflow:auto;"> <TEXTAREA rows="10" cols="25"style="background-image:url(flower008.jpg);"> </TEXTAREA> <FONT STYLE="font-size:8mm" COLOR="#808000" SIZE="8">見出し</FONT> <h3>小見出し</h3> <FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT> 注目のQ&A 「前置詞」が入った曲といえば? 緊急性のない救急車の利用は罪になるの? 助手席で寝ると怒る運転手 世界がEV車に全部切り替えてしまうなら ハズキルーペのCMって…。 全て黒の5色ペンが、欲しいです 長距離だったりしても 老人ホームが自分の住所になるのか? 彼氏と付き合って2日目で別れを告げられショックです 店長のチクチク言葉の対処法 カテゴリ [技術者向] コンピューター プログラミング・開発 Microsoft ASPC・C++・C#CGIJavaJavaScriptPerlPHPVisual BasicHTMLXMLCSSFlashAJAXRubySwiftPythonパフォーマンス・チューニングオープンソース開発SEOスマートフォンアプリ開発その他(プログラミング・開発) カテゴリ一覧を見る あなたにピッタリな商品が見つかる! OKWAVE セレクト コスメ化粧品 化粧水・クレンジングなど 健康食品・サプリ コンブチャなど バス用品 入浴剤・アミノ酸シャンプーなど スマホアプリ マッチングアプリなど ヘアケア 白髪染めヘアカラーなど
お礼
ご親切に大変ありがとうございました。 成功しました。 今後とも宜しくお願い致します。