- ベストアンサー
HPのタグで、文章のみ白抜きは？
- ＦＣ２ＨＰで作成したホームページにおいて、文章のみを白抜きにする方法を教えてください。
- 現在HTMLタグを使って自分がアップした画像を背景にしているが、文字の周りだけ白抜きにしたい。
- スタイルシートの設定方法を知らないため、HTMLタグで白抜きを設定しようとしているが反映されない。
- mitsuemon
- お礼率60% (1485/2450)
- その他（インターネット・Webサービス）
- 回答数3
- ありがとう数8
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
まず方法は2つあります。 (1)TABLEタグを用いて背景を指定する (2)SPANタグを用いて文字に背景色を指定する SPANタグは必要な文字のみ背景を付ける事が出来るので容易ですが、複数行に行うと行と行の間に隙間が出来てしまい、はっきり行って文章が見辛いです。 複数行の文章がまとめてある場合、TABLEタグで囲って背景を付けた方が見やすいです。 ただテーブルタグはちょっと必要な記載も多くなるので面倒…とまぁそれぞれの特徴があるので場合によって使い分けると良いでしょう。 SPANタグの例 <span style="background:背景色">文章</span> TABLEタグの例 <table><tr><td bgcolor="背景色">文章</td></tr></table> TABLEタグの場合<td bgcolor="背景色">とすればその1枠の中だけ、<table bgcolor="背景色">とすればテーブル全体の背景色を指定出来ます。 どのようなのが希望なのか説明が少々わかりにくかったので、 一応サンプル作ってイメージ画像も作っときました。添付画像参照。 上がTABLE、下がSPANです。
その他の回答 (2)
- yh-daichan
- ベストアンサー率35% (136/382)
No2の追加画像です。ウルトラマンの画像が無かったのでこんなんで申し訳ありません。 テーブルでの場合 <body background="背景画像URL" style=""> ? <table border="0"><tr><td><img src="作った白ふち画像URL" width="XXX" height="XXX" border="0"></td></tr></table>
お礼
回答有難う御座います ただスイマセン… 結論から言うと、ナンバー１さんの回答の方が正解です しかし、御指摘頂いた方法は 私自身、全然知らず ある意味たなぼた的に勉強出来ました 今後使用させて頂きます
- yh-daichan
- ベストアンサー率35% (136/382)
関連するQ&A
- 新たなタブで開くタグはありますか？
IE8を使っています。 <HTML> <HEAD> <TITLE>test</TITLE> </HEAD> <BODY> <A HREF="http://www.yahoo.co.jp/" target="_blank">yahooを新たなタブで開く</A> </BODY> </HTML> をすると、新たなウインドウで開いてしまいますが、 新たなタブで開くタグはありますか？ http://computernlife.blog.fc2.com/blog-entry-5.htmlを見る限り、 一括でしか設定できないのでしょうか？ ○target="_blank"の時は新たなウインドウ、 ○target="_？？？"の時は新たなタブ と言うようにはできないのですか？
- ベストアンサー
- HTML
- ウインドウを狭めてもレイアウトが崩れない方法
ウインドウを狭めてもレイアウトが崩れない方法を教えて下さい。 内容は、一番上にタイトルとしての画像を表示させて、その下に画像を３列で何列ものせる。 ウインドウを大きく広げたときは、それらの画像を中央に表示させてレイアウトを崩さないようにする。 下のような感じでは、ウインドウを狭めると画像が勝手に移動してしまいます。 全てを固定にしたいです。 お手本を教えて頂きたいです。よろしくお願いいたします。 添付画像が理想です。 ウインドウを狭めても画像が固定されている瞬間をイメージ化したものです。 <img src="" border="0" width="300" height="60" /> <br> <br> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a>
- ベストアンサー
- HTML
- ＨＰビルダーでの別窓表示・・・
Windows MeでＨＰビルダー７を使ってます。 フレームページからさらに、別窓でフレームページを作りたいのですが、新窓は出ても上手く繋がってくれなくて、「画像が表示できません」になってしまいます。 どうすれば、上手く表示されるようになりますか？ 今現在のタグは、 <a href="○○.html" target="_blank" style="text-decoration:none">○○○</A> こうなってます。
- ベストアンサー
- ホームページ作成ソフト
- 正規表現 最短一致と末尾
例： <a href="http://www.google.co.jp/" target="_blank">http://www.google.co.jp/</a> <a href="http://www.google.co.jp/" target="_blank">http://www.google.co.jp/</a> <a href="http://www.google.co.jp/" target="_blank">http://www.google.co.jp/</a> 例のような文字列に文字列の最後のタグだけにヒットさせたい時下記のような検索文では全部にヒットしてしまいました。 どうも？と＄を同時に使うと全文にヒットしてしまうようなのですが、うまく最後のAタグだけにヒットさせる方法はありますでしょうか？ <a href=".*?</a>$
- ベストアンサー
- PHP
- 勝手にタグが改変されてしまいます。
初心者レベルでお許しください。 ブログにタグを貼ろうとしていますが、 <a href="～><img src="～></a><br><br><a href="～><img src="～></a><img src="～/gif.gif"> という構文をソースで入力し、 普通のモードに変えると、何故か勝手に改変されタグも変わってしまいます。 （～の部分はIDやホームページなどがかかれています。） <a target="_blank" href="http～></a><br /> <br /> <a target="_blank" href～></a><img alt="" src="http～> これが勝手に改変されないようにするにはどうしたらよろしいのでしょうか？ 宜しくお願いいたします。
- 締切済み
- ブログ
- タグを書き込みたい。
みんカラでブログを書いています。 http://minkara.carview.co.jp/userid/140411/blog/ ブログを書き込むランはタグが有効になっています。 なので、下記のタグを閲覧者に説明したくてもできません。 <a href="http://minkara.carview.co.jp/society/ohakita/bbs/1280838/l10/" target="_blank"><img src="http://carview-img7.bmcdn.jp/carlife/images/bbsmsg/610780/p1.jpg" border="0"alt="オハ北会16 やっぱり朝はすがすがしい。 10月14日 08：00START"></a> タグを反映させずに書き込む方法をよろしくお願いします。
- ベストアンサー
- ブログ
- （再度）行間を詰める方法
申し訳ございませんが、現在下記のタグで行間が詰めれなくて困っています。 同じものを左右に並べる予定です。 <div id="sidebar1_new"> <tr class="boxleft"> <table width="440" height="90" border="1" cellpadding="0" cellspacing="0" frame="hsides" bordercolor="#999999"> <td><p><a href="リンク先1" target="_blank"> タイトル1</a> <p><a href="リンク先2" target="_blank"> タイトル2</a> </td> </table> </tr><!-- end boxleft --> </div><!--sidebar1 new --> CSSは、#sidebar1 new.boxleft{ line-height:●●pt; ｝ という感じです。 タイトル1とタイトル2の間を調整したいのです。また、できればテーブル内の上と下（ここではタイトル1の上、タイトル2の下）も調整できれば最高です。 このテーブルは左右で同じものを作りたいと思っています。一応、テーブルは出来ていますので行間だけです。 兎に角、テーブル内の行間を調整したいのです！ 説明がうまくないですがご教授よろしくお願いします。 このCSSに色指定をするとそれは機能します。
- ベストアンサー
- ホームページ作成ソフト
- グーグルマップの横に文章を入れたいです
現在ＦＣ２ブログを作ってるんですが アクセス者に分かり易い様にと思い 埋め込みで地図やストリートビューを入れました これは、旧画面(？)に戻して表示されたタグを 埋め込みに使用した訳ですが その地図の場所に対して、地図の横に解説文等 文章を入れたいと思うんですが その様なタグは無いだろうかと云う質問です ちなみに…もしタグでは無く スタイルシートが有った場合ですが 私のブログではスタイルシートを使用する場合が滅多に無く 以前に特殊な表示を作る為に ここで方法を教えて頂いたんですが もう既に忘れてる位ですから 該当するスタイルシートが有っても 出来ればタグで作りたいんです 尚…私のブログでは画像に対して 横に解説文等を入れる場合は <a href="画像のＵＲＬ" target="_blank"><img src="画像のＵＲＬ" alt="画像のタイトル" border="0" width="画像のサイズ" height="画像のサイズ" align="left"/></a>解説文<br clear="all"> と云う様にalign="leftと<br clear="all">を使用してますが グーグルマップでは、この方法は通用しません そこで、今私の知識で考えられるのが テーブルタグの中に地図のタグと解説文を入れる事位…つまり <table border=0> <tr> <td>地図</td> <td>解説</td> </tr> </table> この位しか分かりません この他で、地図の横に 解説文を入れられるタグは無いでしょうか？ また、御存知なら それを解説してるＨＰ等を御紹介頂いても結構です
- ベストアンサー
- その他（インターネット・Webサービス）
- タグをwiki文法に変えていただけないでしょうか(-"-)
タグをwiki文法に変えていただけないでしょうか。。 <div style="width:160px;text-align:center;"><script type="text/javascript" language="JavaScript" src="http://www.blogdeco.jp/renda/tag.php?parts_id=125903271688482"></script><noscript><a href="http://www.blogdeco.jp/" target="_blank"><img src="http://www.blogdeco.jp/img/jsWarning.gif" width="140" height="140" border="0" alt="Blogdeco" /></a></noscript><a href="http://www.blogdeco.jp/">ブログパーツ</a></div>
- 締切済み
- ブログ
- <A> の属性 `TARGET`の代わりのタグですが。
ご指導を、お願い致します。 <TD><A href="○○○//XXXXXX.XXXXX" target=" _blank"></TD> このタグでは文法記述では、 『<A>のTARGET属性は、その利用自体が薦められていません。 ID属性を使いましょう。』 と表示されますが、＞blank＜を必要として（新規ページで表示） 命令的な＞target＜の代わりには何のタグが必要なのでしょうか？ ID属性での、代わりに入るタグは、何でしょうか。 ○○○○○="_blank">で教えて頂けますでしょうか。 CSSを使うべきも含めての回答も頂けると、有り難いです。 宜しくお願い致します。
- ベストアンサー
- HTML
- 急に印刷ができなくなったのですか？問題の解決方法をご紹介します。
- EPSON社製品の印刷トラブルについて、急に印刷ができなくなった場合の対処方法をご紹介します。
- 急に印刷ができない状況に陥った場合、原因として考えられるトラブルと対処法について説明します。
お礼
回答有難う御座います 結論から言うと解決しました 考えてみれば、サブタイトルにテーブルを使用してるんですから そのテーブルで、バックに白を使用すれば出来たんですよね？… それと、SPANタグの件も有難う御座います この方法に関しても知ってましたが この状態だと、言われる通り 見栄えが悪い場合が存在するんですよね…