![]()
- HTMLの置換について
教えてください。 <td align="center">日本語</td><td>数字＋日本語</font></td> 上記のような内容が含まれたHTMLのファイルが大量にあるんですが ここから一括で</font>だけを消したいんですが、何か方法はありますでしょうか。 <td align="center">日本語</td> この日本語部分は全て同一ではありません。 <td>数字＋日本語</font></td> この数字＋日本語も全て同一ではありません。 何らかのソフトを使用する必要があると思います。 それがフリーソフトでもAdobe Dreamweaverでも構いません。 方法と手順をお教えいただきたく存じます
- HTMLの置換について
教えてください。 <td align="center">日本語</td><td>数字＋日本語</font></td> 上記のような内容が含まれたHTMLのファイルが大量にあるんですが ここから一括で</font>だけを消したいんですが、何か方法はありますでしょうか。 <td align="center">日本語</td> この日本語部分は全て同一ではありません。 <td>数字＋日本語</font></td> この数字＋日本語も全て同一ではありません。 何らかのソフトを使用する必要があると思います。 それがフリーソフトでもAdobe Dreamweaverでも構いません。 方法と手順をお教えいただきたく存じます
- テーブルのセル間に余白が空いてしまいます
2行×2列と3行×2列のテーブルを1つずつ作成し、どちらのテーブルも1列目のセルは結合して画像を挿入し、2列目のセルに文字を入力するというスタイルを取りたいです。 しかし、画像と文字の間（1列目と2列目の間）に余分な空白ができてしまいます。 margin、padding、cellspaceなどが必要ではないかと推測していますが、どこに埋め込むのか、自分なりに試しましたがわかりません。 htmlのコードとcssのコードを記しますので、どなたかお詳しい方お力を貸していただけませんでしょうか？ また、もう1点困っていることが、テーブルとテーブルの間にスペース開けたいのですが、<br>はできるだけ使いたくありません。 divにmarginを指定して、テーブルタグの上に<div style="margin-top:10px"></div>とすればスペースは空きましたが、他に方法があれば合わせて教えていただけると嬉しいです。 <!-- htmlのコード --> <body> <table width="700" border="0" > <tr> <td><center> <img src="img/top_image.png" /> </center></td> </tr> <table class="table001"> <tr> <td rowspan="2"><img src="img/aaa.bmp" /></td> <td><h2>このサイトのごあんない</h2></td> </tr> <tr> <td><p>このサイトは～～～～～～</p></td> </tr> </table> <div style="margin-top:10px"></div> <table class="table001"> <tr> <td rowspan="3"><img src="img/bbb.bmp" /></td> <td><h2>このサイトのごあんない２</h2></td> </tr> <tr> <td> <p>このサイトは～～～～～～</p> <p>また、このサイトの～～～～～～。</p> </td> </tr> <tr> <td> <p>問い合わせ</p> <p>電話番号 000-000-0000</p> </td> </tr> </table> </body> /* CSSのコード */ body { background-color:#6C6; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; font-size: 0.8em; font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic",sans-serif ; } #pageBody { width: 760px ; margin-top: 20px; margin-right: auto; margin-left: auto; background-color: #FFF; } table.table001{ background-color: #E8FECF; width: 700px; margin-left: auto; margin-right: auto; white-space:normal; } h2{ padding-left: 10px; background-color: #009900; width: 180px; color:#FFF; font-size: 1.1em; height: 25px; line-height:25px; }
- ベストアンサー
- noname#194753
- HTML
- 回答数4
- CSSの左横に隙間ができてしまいます。
画像の左横に謎の隙間(8mmほど)ができて埋まりません。 そのため、4枚収めたい画像のうち、最後の1枚が改行されてしまっています。 padding や vartical-align、text-alignなど試してみましたが、ダメでした。 とても困っています、どなたかご教示くださいますようお願いいたします。 << CSS >> #header { width:940px; height:59px; margin: 0 0 20px 0; } #logo { width:300px; height:59px; float:left; margin: 0 20px 0 0; } #menu { width:620px; height: 59px; padding: 0; margin: 0; float:right; } #menu img { padding-top:8px; border:none; } #menu ul { margin:0; } #menu ul li { margin: 0px; padding: 0px; list-style-type: none; display:inline; float:left; } << HTML >> <div id="header"> <div id="logo"> <img src="img/logo.gif" width="298" height="59" alt="ロゴ"> </div><!-- /#logo --> <div id="menu"> <ul> <li><img src="img/btn_A.gif" width="194" height="51"></li> <li><img src="img/btn_B.gif" width="140" height="51"></li> <li><img src="img/btn_C.gif" width="149" height="51"></li> <li><img src="img/btn_D.gif" width="137" height="51"></li> </ul> </div><!-- /#menu --> </div><!-- /#header -->
- テーブルのセル間に余白が空いてしまいます
2行×2列と3行×2列のテーブルを1つずつ作成し、どちらのテーブルも1列目のセルは結合して画像を挿入し、2列目のセルに文字を入力するというスタイルを取りたいです。 しかし、画像と文字の間（1列目と2列目の間）に余分な空白ができてしまいます。 margin、padding、cellspaceなどが必要ではないかと推測していますが、どこに埋め込むのか、自分なりに試しましたがわかりません。 htmlのコードとcssのコードを記しますので、どなたかお詳しい方お力を貸していただけませんでしょうか？ また、もう1点困っていることが、テーブルとテーブルの間にスペース開けたいのですが、<br>はできるだけ使いたくありません。 divにmarginを指定して、テーブルタグの上に<div style="margin-top:10px"></div>とすればスペースは空きましたが、他に方法があれば合わせて教えていただけると嬉しいです。 <!-- htmlのコード --> <body> <table width="700" border="0" > <tr> <td><center> <img src="img/top_image.png" /> </center></td> </tr> <table class="table001"> <tr> <td rowspan="2"><img src="img/aaa.bmp" /></td> <td><h2>このサイトのごあんない</h2></td> </tr> <tr> <td><p>このサイトは～～～～～～</p></td> </tr> </table> <div style="margin-top:10px"></div> <table class="table001"> <tr> <td rowspan="3"><img src="img/bbb.bmp" /></td> <td><h2>このサイトのごあんない２</h2></td> </tr> <tr> <td> <p>このサイトは～～～～～～</p> <p>また、このサイトの～～～～～～。</p> </td> </tr> <tr> <td> <p>問い合わせ</p> <p>電話番号 000-000-0000</p> </td> </tr> </table> </body> /* CSSのコード */ body { background-color:#6C6; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; font-size: 0.8em; font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic",sans-serif ; } #pageBody { width: 760px ; margin-top: 20px; margin-right: auto; margin-left: auto; background-color: #FFF; } table.table001{ background-color: #E8FECF; width: 700px; margin-left: auto; margin-right: auto; white-space:normal; } h2{ padding-left: 10px; background-color: #009900; width: 180px; color:#FFF; font-size: 1.1em; height: 25px; line-height:25px; }
- ベストアンサー
- noname#194753
- HTML
- 回答数4
- WordPressで固定ページをトップページに
WordPressを学び始めたばかりの者ですが、WordPressで固定ページをトップページ（フロントページ）にしようとしているのですが、思うようにできなくて困っています。 この問題について検索してみると多くのサイトでは、 管理画面の左の「設定→表示設定→フロントページを設定の欄で固定ページにチェック→フロントページを選択→変更を保存」 あるいは 「外観→テーマ→現在のテーマ→カスタマイズ→左の固定フロントページを選択→フロントページの表示で固定ページを選択→フロントページを選択→保存」 のやり方で固定ページをトップページ（フロントページ）に設定する方法を紹介しています。 しかし、このやり方を行うと確かにトップページが固定ページになるのですが、今度はブラウザの上のそのサイト自体のタイトルが消えてしまい、URLのみの表示になってしまいます。 （例えば、このページだと「WordPressで固定ページをトップページに - 教えてgoo」とブラウザタイトルに表示されていると思いますが、それが何も書かれていない「」の状態になってしまうような感じです。） WordPressでTOPページを作りこむ http://nagisa.skr.jp/archives/2010/01/27_0958.html そこで上記のサイトを参考に、テーマとして使っているPlatformという名前のテーマ内のindex.phpを編集しているのですが、index.php内には setup_pagelines_template(); と一行だけ書かれているだけで、この下に何を書き加えても、この一行のみを消して書き加えても、ページが真っ白になって表示されません。 どこを編集していいのか分からず、困っています。 どなたか改善方法をご存じの方がいらっしゃいましたら御教授のほどよろしくお願い申しあげます。
- WordPressで固定ページをトップページに
WordPressを学び始めたばかりの者ですが、WordPressで固定ページをトップページ（フロントページ）にしようとしているのですが、思うようにできなくて困っています。 この問題について検索してみると多くのサイトでは、 管理画面の左の「設定→表示設定→フロントページを設定の欄で固定ページにチェック→フロントページを選択→変更を保存」 あるいは 「外観→テーマ→現在のテーマ→カスタマイズ→左の固定フロントページを選択→フロントページの表示で固定ページを選択→フロントページを選択→保存」 のやり方で固定ページをトップページ（フロントページ）に設定する方法を紹介しています。 しかし、このやり方を行うと確かにトップページが固定ページになるのですが、今度はブラウザの上のそのサイト自体のタイトルが消えてしまい、URLのみの表示になってしまいます。 （例えば、このページだと「WordPressで固定ページをトップページに - 教えてgoo」とブラウザタイトルに表示されていると思いますが、それが何も書かれていない「」の状態になってしまうような感じです。） WordPressでTOPページを作りこむ http://nagisa.skr.jp/archives/2010/01/27_0958.html そこで上記のサイトを参考に、テーマとして使っているPlatformという名前のテーマ内のindex.phpを編集しているのですが、index.php内には setup_pagelines_template(); と一行だけ書かれているだけで、この下に何を書き加えても、この一行のみを消して書き加えても、ページが真っ白になって表示されません。 どこを編集していいのか分からず、困っています。 どなたか改善方法をご存じの方がいらっしゃいましたら御教授のほどよろしくお願い申しあげます。
- ワードプレスでグローバルナビの付け方
ワードプレスで普通のサイトと同じようにグローバルナビを付けられますか？ 普通のサイトのようにデザインしたボタン（タブ）を付けたいのですが方法が分かりません。可能であるなら教えてください。
- ホームページのヘッダー部分の水平線の書き方について
素人ながらホームページを作っているのですが、ヘッダー部分の水平線の書き方がわからなくて困っております。 次のサイトのように表示したいと思っております。 http://employment.en-japan.com/ http://career.nikkei.co.jp/index.asp これらのサイトだと、一番上の水平線が隙間なく表示されております。 これを表示するためのタグは<hr>でよいのでしょうか？ それとも別なタグを用いるのでしょうか？ 私は試しに、<hr>を使い水平線を表示させましたが、一番上に隙間が空いてしまいました(><) すごく初歩的な質問だとは思いますが、わかる方がおりましたら、教えて下さい。
- ベストアンサー
- noname#233083
- CSS
- 回答数5
- ホームページのヘッダー部分の水平線の書き方について
素人ながらホームページを作っているのですが、ヘッダー部分の水平線の書き方がわからなくて困っております。 次のサイトのように表示したいと思っております。 http://employment.en-japan.com/ http://career.nikkei.co.jp/index.asp これらのサイトだと、一番上の水平線が隙間なく表示されております。 これを表示するためのタグは<hr>でよいのでしょうか？ それとも別なタグを用いるのでしょうか？ 私は試しに、<hr>を使い水平線を表示させましたが、一番上に隙間が空いてしまいました(><) すごく初歩的な質問だとは思いますが、わかる方がおりましたら、教えて下さい。
- ベストアンサー
- noname#233083
- CSS
- 回答数5
- ホームページのヘッダー部分の水平線の書き方について
素人ながらホームページを作っているのですが、ヘッダー部分の水平線の書き方がわからなくて困っております。 次のサイトのように表示したいと思っております。 http://employment.en-japan.com/ http://career.nikkei.co.jp/index.asp これらのサイトだと、一番上の水平線が隙間なく表示されております。 これを表示するためのタグは<hr>でよいのでしょうか？ それとも別なタグを用いるのでしょうか？ 私は試しに、<hr>を使い水平線を表示させましたが、一番上に隙間が空いてしまいました(><) すごく初歩的な質問だとは思いますが、わかる方がおりましたら、教えて下さい。
- ベストアンサー
- noname#233083
- CSS
- 回答数5
- googleで検索サイトの本人確認について。
webサイトを作っています。検索サイトに登録し、検索サイトによる本人確認をgoogleでやっております。 しかし、ウェブサイトの作成者を判断するためのＨＴＭＬファイルをダウンロードしたいのですが、できません。 ＨＴＭＬファイルをダウンロードするページがどこにあるのかわからず、ダウンロードするページまでたどり着けません。 ホームページビルダーを使用して作っているのですが、ＨＴＭＬファイルをダウンロードして、ＷＷＷサーバに転送しないといけないのですが・・・。 どのようにしたら良いのでしょうか？ 是非、アドバイスを頂ければと思っております。よろしくお願いします。
- 締切済み
- msgodms
- レンタルサーバ・ASP
- 回答数3
- Chromeで文字コード(UTF-8)の設定
●質問の主旨 文字コードを常時、"utf-8"に設定したいと考えています。 どのように設定すればよいでしょうか？ ご存知の方ご教示願います ●質問の補足 下記コードにて、ファイルを実行し、 "Canvasの練習"という文字列と、 青色の正方形をはさんだ黄色の正方形2つが、 表示させるつもりです。 しかし、実際に実行すると、 図形は意図通り描画されますが、文字列が文字化けします。 HTML5のコードにおいて、 <meta charset="utf-8">を <meta charset="s-jis"> に変更すると、文字化けもなくなります。 "utf-8"のコードがすでに大量に用意されているので、 PCの方の認識を"s-jis"から"utf-8"に替えるためにはどうすればよいでしょうか？ PCはWindowsVistaで、ブラウザはGoogleChromeです。 ●コード ・HTML5 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Canvasの練習</title> </head> <body> <h1>Canvasの練習</h1> <canvas id="mycanvas" width="400" height="200"> Canvasに対応したブラウザを使ってください。 </canvas> <script src="mycss.js"></script> </body> </html> ・JavaScript // myscript.js window.onload = function() { draw(); } function draw() { var canvas = document.getElementById('mycanvas'); if (!canvas || !canvas.getContext) return false; var ctx = canvas.getContext('2d'); ctx.fillStyle = "yellow"; ctx.save(); ctx.fillRect(0,0,50,50); ctx.fillStyle = "blue"; ctx.fillRect(100,0,50,50); ctx.restore(); ctx.fillRect(200,0,50,50); }
- cssが反映されません
FC2のホームページについてです。 ホームページはなんとか作れてサーバーにアップしたのですが、 style.cssで設定した背景画像とスクロールバーが反映されません＞＜ テンプレートをお借りして、その中に入っていたstyle.cssもそのままffftpに アップロードしました。 ファイル内で自分のホームページを見てみると背景画像と色など設定したスクロールバーは しっかり反映されているのですが、サーバーにアップすると反映されません。 ffftpにstyle.cssをそのままアップロードしたのが間違いだったのでしょうか；； 検索して調べてみるとCSSのフォルダごとアップロードしろと書いてあったりするのですが テンプレートに入っているのはstyle.cssというものだけで、cssフォルダは入っていません。 それともcssフォルダは自分で作るのですか＞＜？
- cssが反映されません
FC2のホームページについてです。 ホームページはなんとか作れてサーバーにアップしたのですが、 style.cssで設定した背景画像とスクロールバーが反映されません＞＜ テンプレートをお借りして、その中に入っていたstyle.cssもそのままffftpに アップロードしました。 ファイル内で自分のホームページを見てみると背景画像と色など設定したスクロールバーは しっかり反映されているのですが、サーバーにアップすると反映されません。 ffftpにstyle.cssをそのままアップロードしたのが間違いだったのでしょうか；； 検索して調べてみるとCSSのフォルダごとアップロードしろと書いてあったりするのですが テンプレートに入っているのはstyle.cssというものだけで、cssフォルダは入っていません。 それともcssフォルダは自分で作るのですか＞＜？
- アイコン・ボタンについて
ホームページ作成してます。 全くの無知でしたが、ネットで勉強しながら、ＨＴＭＬ手打ちで作っています。 大まかには出来上がりましたが、分からない事があるので、教えていただければと思います。 素材フリーのＨＰで、アイコンやボタンをダウンロードして、装飾したいのですが、アイコンとボタンって何が違うのでしょうか？ アイコンは単なる飾りで、ボタンはそれ自体がクリック出来る様になるって認識でいいのでしょうか？ そうだとしたら、ボタンをダウンロードして、それを自分のＨＰに載せても、それ自体がクリック出来る様にするには、どう設定したらいいのでしょうか？
- ベストアンサー
- koneko2
- レンタルサーバ・ASP
- 回答数2
- Chromeで文字コード(UTF-8)の設定
●質問の主旨 文字コードを常時、"utf-8"に設定したいと考えています。 どのように設定すればよいでしょうか？ ご存知の方ご教示願います ●質問の補足 下記コードにて、ファイルを実行し、 "Canvasの練習"という文字列と、 青色の正方形をはさんだ黄色の正方形2つが、 表示させるつもりです。 しかし、実際に実行すると、 図形は意図通り描画されますが、文字列が文字化けします。 HTML5のコードにおいて、 <meta charset="utf-8">を <meta charset="s-jis"> に変更すると、文字化けもなくなります。 "utf-8"のコードがすでに大量に用意されているので、 PCの方の認識を"s-jis"から"utf-8"に替えるためにはどうすればよいでしょうか？ PCはWindowsVistaで、ブラウザはGoogleChromeです。 ●コード ・HTML5 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Canvasの練習</title> </head> <body> <h1>Canvasの練習</h1> <canvas id="mycanvas" width="400" height="200"> Canvasに対応したブラウザを使ってください。 </canvas> <script src="mycss.js"></script> </body> </html> ・JavaScript // myscript.js window.onload = function() { draw(); } function draw() { var canvas = document.getElementById('mycanvas'); if (!canvas || !canvas.getContext) return false; var ctx = canvas.getContext('2d'); ctx.fillStyle = "yellow"; ctx.save(); ctx.fillRect(0,0,50,50); ctx.fillStyle = "blue"; ctx.fillRect(100,0,50,50); ctx.restore(); ctx.fillRect(200,0,50,50); }
- php includeで、marginが効かない
初めまして。 どうぞ宜しくお願い致します。 HPを制作しています。 サイトの全ページ共通部分に <?php include("header.html"); ?>といった感じでphpを使用してみたのですが、 これを書くと、headerとこの直下にある<div id="container">というブロックが密着して、marginもpaddingも全く効きません(;ω;) ちなみに、 header自体にmargin-bottom、padding-bottomを指定したり、 逆にcontainer側にmargin-top、padding-topを指定したり、 回り込みの解除、 またposition: absoluteで全体を囲む<div id="wrapper">からの絶対位置も試してみたのですが、 このheaderとcontainerが密着して、どうにもこうにも離れません――(;ω;) 何か原因があるのでしょうか？ 大変困っております。 どうぞ宜しくお願い致します＞＜
- 締切済み
- ask-chimin
- CSS
- 回答数3